@{ ViewData["Title"] = "郵件群組資料維護"; Layout = "~/Views/Shared/_AMESLayout.cshtml"; } <style type="text/css"> .layui-table-main .layui-table-cell { /*height: auto !important;*/ white-space: normal; } .layui-table img { max-width: 60px; max-height: 28px; } .layui-tree-main { cursor: pointer; padding-right: 10px; float: left; border-width: 1px; border-style: solid; border-color: #e6e6e6; margin: 10px 0; } </style> <div class="layui-card"> <div class="layui-card-header"> <div class="layui-form"> <div class="layui-form-item "> <div class="layui-inline"><i class="fa fa-file-text-o fa-fw"></i> @ViewBag.Title</div> </div> </div> </div> <div class="layui-card-body"> <div class="layui-form" style="margin-bottom:5px;"> <div class="layui-form-item"> <div class="layui-inline"> <button type="button" id="btnAdd" class="layui-btn layui-btn-normal layui-btn-sm"><i class="layui-icon"></i>新增</button> </div> <div class="layui-inline" style="margin-right:0px;"> <label class=" layui-inline layui-form-label" style="width:120px;">请選擇MAIL群組</label> <div class="layui-input-inline" width:400px;"> <select id="group" lay-filter="group" lay-submit asp-items="@ViewBag.MailGroupList"> <option value="">全部</option> </select> </div> <input id="groupId" type="hidden" name="groupId" /> </div> <div class="layui-inline" style="margin-left:0px;"> <div class="layui-btn-group"> <button id="btnSearch" class="layui-btn layui-btn-sm layui-btn-normal"> <i class="layui-icon layui-icon-sm"></i> </button> </div> </div> </div> </div> <table class="layui-hide" id="test" lay-filter="test"></table> </div> </div> @section Scripts{ <script type="text/javascript"> var treeTable; layui.config({ base: '../lib/layui_ext/' }).extend({ treeTable: 'treetable/treeTable' }).use(['treeTable'], function () { treeTable = layui.treeTable; treeTable.on('tool(test)', function (obj) { if (obj.event == 'edit') { //alert(obj.data); hg.open('修改郵件群組資料', '/BAS/BAS016U/' + obj.data.mailID, 480, 480); } if (obj.event == 'del') { hg.confirm("确定要删除吗?", function () { $.ajax({ url: '/BAS/BAS016D', data: { id: obj.data.mailID }, type: 'POST', success: function (data) { if (data.success) { obj.del(); //只删本地数据 hg.msghide("删除成功!"); } else { hg.msg(data.msg); } }, error: function () { hg.msg("网络请求失败!"); } }); }); } }); form.on('select(group)', function (data) { // alert("select yessss!!"); $("#groupId").val(data.value); $('#btnSearch').click(); }); }); function request(aa) { //alert(aa + 're'); hg.request('/BAS/GetMailDetailByGId/' + aa , function (result) { data = result.data; init(data); }); } var data = []; $(document).ready(function () { var aa = $("#groupId").val(); //alert(aa); request(aa); }); //通过table定义reload刷新列表,update本地填充一条数据 var TABLE = function () { return { reload: function () { var aa = $("#groupId").val(); request(aa); }, update: function (d) { var model = $.parseJSON(d); var up = false; layui.each(data, function (i, d) { if (d.id == model.id) { data[i] = model; up = true; return false; } }); up || data.push(model); init(data); } } } var insTb; function init(data) { insTb = treeTable.render({ elem: '#test', height: 'full-180', text: { none: '<div style="padding: 18px 0;">暂无数据</div>' }, data: data, tree: { iconIndex: -1, isPidData: false, idName: 'mailID' }, cols: [ { field: 'mailID', width: 80, title: '#', sort: true }, //{ // field: 'user', // width: 200, // title: '工號' // , // templet: function (d) { // return d.user['userNo']; // } //}, { field: 'userNo', width: 100, title: '工號' }, { field: 'userName', width: 100, title: '使用者' }, { field: 'groupName', width: 250, title: 'MAIL群組' }, //{ // field: 'group', // width: 250, // title: 'MAIL群組' // , // templet: function (d) { // return d.group['groupDesc']; // } //}, //{ // field: 'user', // title: '使用者MAIL' // , // templet: function (d) { // return d.user['userEMail']; // } //}, { field: 'userEMail', title: '使用者MAIL' }, { align: 'center', title: '操作', templet: function (item) { var btns = ''; btns = btns + '<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>'; btns = btns + '<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>'; return btns; } } ], style: 'margin-top:0;', done: function () { } }); insTb.expandAll(); } var table = new TABLE(); //搜索 $('#btnSearch').click(function () { hg.msghide("刷新数据!"); var aa = $("#groupId").val(); request(aa); }) $('#btnAdd').click(function () { hg.open('新增郵件群組資料', '/BAS/BAS016C', 480, 480); }); ////layui.use(['form', 'layer'], function () { //// form = layui.form; //// form.on('select(group)', function (data) { //// $("#groupId").val(data.value); //// var qs = $('button[lay-filter="querysubmit"]'); //// qs.click(); //// hg.msghide("刷新数据!"); //// table && table.reload(); //// }); //// form.on("select(agentName)", function (obj) { //// if ( //// obj.elem.value == "" || //// $(obj.elem).data("value") == obj.elem.value //// ) {//当值没改变则不请求 //// return; //// } //// updateCallLog([ //// { //// id: $(obj.elem).data("id"), //// agentName: obj.elem.value, //// }, //// ]); //// $(obj.elem).data("value", obj.elem.value); //// }); ////}); //////监听表单提交事件 ////hg.form.onsubmit('querysubmit', function (data) { //// hg.msghide("重新加载数据.."); //// table && table.reload(data); ////}); ////var tableCols = [[ //// { //// field: 'mailID', //// width: 100, //// title: '#', //// sort: true //// }, //// { //// field: 'user', //// width: 200, //// title: '工號' //// , //// templet: function (d) { //// return d.user['userNo']; //// } //// }, //// { //// field: 'group', //// width: 250, //// title: 'MAIL群組' //// , //// templet: function (d) { //// return d.group['groupDesc']; //// } //// }, //// { //// field: 'user', //// title: '使用者MAIL' //// , //// templet: function (d) { //// return d.user['userEMail']; //// } //// }, //// { //// field: 'right', //// width: 200, //// title: '操作', //// fixed: 'right', //// templet: function (d) { //// return '<a class="layui-btn layui-btn-normal layui-btn-xs layui-icon layui-icon-edit" lay-event="edit">修改</a> <a class="layui-btn layui-btn-danger layui-btn-xs layui-icon layui-icon-delete" lay-event="del">删除</a>' //// } //// }] ////]; //////通过行tool编辑,lay-event="edit" ////function edit(obj) { //// if (obj.data.groupID) { //// hg.open('修改郵件群組資料', '/BAS/BAS016U/' + obj.data.mailID, 480, 480); //// } ////} //////通过行tool删除,lay-event="del" ////function del(obj) { //// //alert(obj); //// if (obj.data.mailID) { //// hg.confirm("确定要删除吗?", function () { //// $.ajax({ //// url: '/BAS/BAS016D', //// data: { id: obj.data.mailID }, //// type: 'POST', //// success: function (data) { //// if (data.success) { //// obj.del(); //只删本地数据 //// hg.msghide("删除成功!"); //// } //// else { //// hg.msg(data.msg); //// } //// }, //// error: function () { //// hg.msg("网络请求失败!"); //// } //// }); //// }); //// } ////} ////var toolbar = [{ //// text: '新增', //// layuiicon: '', //// class: 'layui-btn-normal', //// handler: function () { //// hg.open('新增郵件群組資料', '/BAS/BAS016C', 480, 480); //// } ////} ////]; //////基本数据表格 ////var table = hg.table.datatable('test', '郵件群組資料維護', '/BAS/GetMailGroupDetailByGroup/' + groupId.value , {}, tableCols, toolbar, true, 'full-100', ['filter', 'print', 'exports']); </script> }