關於layui-綁定數據和搜索問題

html寫法:

<!-- 正文開始 -->
<div class="layui-fluid">
<div class="layui-card">
<div class="layui-card-body table-tool-mini">
<div class="layui-form toolbar" id="tbToolBar">
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label w-auto">賬&emsp;號：</label>
<div class="layui-input-inline mr0">
<input name="UsersAccount" class="layui-input" type="text" placeholder="輸入賬號" />
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label w-auto">用戶名：</label>
<div class="layui-input-inline mr0">
<input name="UsersName" class="layui-input" type="text" placeholder="輸入用戶名" />
</div>
</div>
<div class="layui-inline" style="padding-right: 110px;">
<button class="layui-btn icon-btn" lay-filter="formSubSearchUser" lay-submit>
<i class="layui-icon">&#xe615;</i>搜索
</button>
<button id="btnAddUser" class="layui-btn icon-btn"><i class="layui-icon">&#xe654;</i>添加</button>
<button id="btnSelestDepartment" class="layui-btn icon-btn"><i class="layui-icon">&#xe654;</i>用戶配置管理</button>
</div>
</div>
</div>

<table class="layui-table" id="tableUser" lay-filter="tableUser"></table>
</div>
</div>
</div>

 下面是JS

 

var insTb = table.render({
elem: '#tableUser',
url: '../../SystemManage/GetAllUser',
page: true,
toolbar: true,
id:"tableuser",
cellMinWidth: 100,
cols: [[
{ type: 'numbers', title: '#' },
{ field: 'Account', sort: true, title: '賬號' },
{ field: 'Name', sort: true, title: '用戶名' },
{ field: 'DepartmentName', sort: true, title: '所在部門' },
{
field: 'CreateTime', sort: true, templet: function (d) {
return util.toDateString(d.createTime);
}, title: '創建時間'
},
{ align: 'center', toolbar: '#tableBarUser', title: '操作', minWidth: 200 }
]]
});

注意 以上一定要嵌套在 

layui.use(['layer', 'form', 'table', 'util', 'admin', 'config'], function () {

var $ = layui.jquery;
var layer = layui.layer;
var form = layui.form;
var table = layui.table;
var util = layui.util;
var admin = layui.admin;
var config = layui.config;

form.render()

XXXX所有寫的內容都放在這里

}

下面是搜索 

 

// 用戶搜索
form.on('submit(formSubSearchUser)', function (data) {
console.log(data);
alert(data);
insTb.reload({where: { "UsersAccount": data.field.UsersAccount, "UsersName": data.field.UsersName }
});
});

上面都是前台所有內容 

 

下面開始后台:

 這是后台綁定數據

public string GetAllUser(int page, int limit, string name, string UsersAccount, string UsersName)
{
int total = 0;
var result = AdminUserService.GetDepartUsers(page, limit, name, out total, UsersAccount, UsersName);
var js = JsonConvert.SerializeObject(result);
js.ToString();
String jso = "{\"code\":0,\"msg\":\"\",\"count\":" + total + ",\"data\":" + js + "}";
return jso;
}

記錄自己每天所學知識 出入小白,供自己學習參考.

天行健,君子以自強不息!