本文共 8742 字，大约阅读时间需要 29 分钟。

开发工具与关键技术：Visual Studio、MVC作者：幻奏撰写时间：2019.04.13

我之前已经写过新增了，那么现在我来写一下查询。查询很多地方都会用到吧，比如我们要让数据在表格显示出来就要用查询来让表格数据初始化，还有绑定下拉框查询什么的。。。好了，话不多说了就进入今天的讲解吧。

var tabTitles;var layer, layuiTable;

最后看下它的数据表格的使用方法，复制过来然后初始化layui。如下：

//加载&初始化layui模块            layui.use(['layer', 'table'], function () {                   layer = layui.layer;                layuiTable = layui.table;                tabTitles = layuiTable.render({                       elem: '#tabTitles',                    //url: 'selectStaffInfor',                    cols: [[                        {    type: 'checkbox' },                        {    type: 'numbers', title: '序号' },                        {    field: 'EmployeeID', title: 'EmployeeID', hide: true },                        {    field: 'EmployeeNumber', title: '编号', align: 'center' },                        {    field: 'EmployeeName', title: '姓名', align: 'center' },                        {    field: 'Phone', title: '电话', align: 'center' },                        {    field: 'Cellphone', title: '手机', align: 'center' },                        {    field: 'DeoartmentName', title: '部门', align: 'center' },                        {    field: 'PositionName', title: '职位', align: 'center' },                        {    field: 'Address', title: '地址', align: 'center' },                        {    field: 'Remark', title: '备注', align: 'center' },                    ]],                    page: {                           limit: 10,//每页显示的条数                        limits: [5, 10, 15, 20, 25, 30, 35, 40, 45, 50],//每页条数的选择项                    },                    data: []                });                //监听表格行单击事件                layuiTable.on('row(tabTitles)', function (obj) {                       //console.log(obj);                    //标注选中行样式                    obj.tr.addClass("layui-table-click").siblings().removeClass("layui-table-click");                    //选中行，勾选复选框                    obj.tr.find("div.layui-unselect.layui-form-checkbox")[0].click();                });                searchYuago();//多条件查询的方法            });

初始化layui模块，大概就是复制过来用就是了，不过我们还要把查询按钮的方法放里面，要不然表格出不来。我们还要一个监听表格行的单击事件，也是layui里的方法。如上

//弹出组合的查询模态框        function opSearchModal() {               //清空姓名信息            $("#nameNumberType").val("");            //绑定部门下拉框            createSelect("Department", "/Page/selectDepartment");            //绑定职位下拉框            createSelect("Position", "/Page/selectPosition");            //弹出模态框            $("#modalCombox").modal("show");        }

到查询的按钮了，当我们点击时要获取所有的查询条件，然后判断数据是否为空或者undefined，因为下拉框的ID如果为空的话，浏览器会报错。所以我们要判断并让它等于0，但输入框的字符串可以为空，只要判断它不为undefined就行了。数据不为空就进行数据表格的重载，这个重载也是那个插件的方法。

//组合查询        function searchYuago() {               //获取所有的查询条件            //部门            var departmentId = $("#Department").val();            //职位            var positionId = $("#Position").val();            //姓名            var employeeNumber = $("#nameNumberType").val();            if (departmentId == "" || departmentId == undefined) {                   departmentId = 0;            }            if (positionId == "" || positionId == undefined) {                   positionId = 0;            }            if (employeeNumber == undefined) {                   employeeNumber = "";            }            //表格数据重载            tabTitles.reload({                   url: '/Page/selectStaffInfor',                where: {                       DepartmentID: departmentId,                    PositionID: positionId,                    EmployeeNumber: employeeNumber                },                page: {                       curr: 1                }            });            //关闭组合查询的模态框            $("#modalCombox").modal("hide");        }

注意：视图写的ID要和传到控制器的ID一样。在写之前我们要创建两个实体类，一个是LayuiTableData类的封装，用于返回layuiTable数据。

public class LayuiTableData
   
        {           /// 
    
        /// 数据状态码 -- 可以不设置        /// 
        public int code {    get; set; }        /// 
    
        /// 状态信息 -- 可以不设置        /// 
        public string msg {    get; set; }        /// 
    
        /// 总行数--必须        /// 
        public int count {    get; set; }        /// 
    
        /// 数据--必须        /// 
        public List
    
      data {    get; set; }    }
    
   

还有一个是LayuiTablePage类的封装，这样就不用每次都请求分页的数据了。

/// 
    /// layui table组件分页请求数据封装    /// 
    public class LayuiTablePage    {           /// 
        /// page 代表当前页码        /// 
        public int page {    get; set; }        /// 
        /// limit 代表每页数据量        /// 
        public int limit {    get; set; }        //方法        /// 
        /// 分页开始序号        /// 
        /// 
           public int GetStartIndex()        {               return (page - 1) * limit;        }        /// 
        /// 分页结束序号        /// 
        /// 
           public int GetEndIndex()        {               return page * limit - 1;        }    }

实体类的命名第一个字母最好都大写。

List
   
     listEmployee = (from tbEmployee in myModels.PW_Employee                                             join tbDeoartmentName in myModels.SYS_Department on tbEmployee.DepartmentID equals tbDeoartmentName.DepartmentID                                             join tbPositionName in myModels.SYS_Position on tbEmployee.PositionID equals tbPositionName.PositionID                                             orderby tbEmployee.EmployeeID                                             select new EmployeeVo                                             {                                                    EmployeeID = tbEmployee.EmployeeID,//员工ID                                                 EmployeeNumber = tbEmployee.EmployeeNumber,//员工编号                                                 EmployeeName = tbEmployee.EmployeeName,//员工姓名                                                 Cellphone = tbEmployee.Cellphone,//手机号码                                                 Phone = tbEmployee.Phone,//电话                                                 Remark = tbEmployee.Remark,//备注                                                 Address = tbEmployee.Address,//地址                                                 DeoartmentName = tbDeoartmentName.DeoartmentName,//部门                                                 PositionName = tbPositionName.PositionName,//职位                                                 DepartmentID = tbEmployee.DepartmentID,                                                 PositionID = tbEmployee.PositionID                                             }).ToList();
   

查询出数据后我们就要对视图传过来的参数进行判断，不能为空或null，然后再对数据进行条件筛选，把我们要查询的数据用lamb表达式查出。如下：

//条件筛选            if (DepartmentID > 0)            {                   listEmployee = listEmployee.Where(m => m.DepartmentID == DepartmentID).ToList();            }            if (PositionID > 0)            {                   listEmployee = listEmployee.Where(m => m.PositionID == PositionID).ToList();            }            if (!string.IsNullOrEmpty(EmployeeNumber))            {                   listEmployee = listEmployee.Where(m => m.EmployeeName.Contains(EmployeeNumber) || m.EmployeeNumber.Contains(EmployeeNumber)).ToList();            }

然后，我们要计算数据的总条数。

//计算数据总条数            int totalRow = listEmployee.Count();

再进行分页查询

//分页查询            List
   
     dbEmployee = listEmployee                                        .Skip(layuiTablePage.GetStartIndex())//分页开始的序号                                        .Take(layuiTablePage.limit)//limit每页显示的条数                                        .ToList();
   

最后实例化一下数据，并return 返回数据到页面。

//实例化            LayuiTableData
   
     layuiTableData = new LayuiTableData
    
                 {      //赋值                count = totalRow,//总行数                data = dbEmployee//数据            };                        return Json(layuiTableData, JsonRequestBehavior.AllowGet);
    
   

下面是绑定下拉框的方法，我就不说了，你们自己看一下吧。

/// 
        /// 查询部门        /// 
        /// 
           public ActionResult selectDepartment()        {               List
   
     listDepartment = (from tbDepartment in myModels.SYS_Department                                             select new SelectVo                                             {                                                    id = tbDepartment.DepartmentID,                                                 text = tbDepartment.DeoartmentName                                             }).ToList();            //拼接选择项            listDepartment = Common.Tools.SetSelectJson(listDepartment);            return Json(listDepartment, JsonRequestBehavior.AllowGet);        }
   

查询就到这里结束了，你们学会了没(o゜▽゜)o☆