BsgridPage查询

标题BsgridPage查询

开发工具：Visual Studio 2015、SQL Server 2014 Management Studio
关键技术：C# MVC
作者：刘东标
撰写时间：2019年1月16日
、、、、、、、、、、、、、实现效果图片、、、、、

、、、、、、、控制器的代码、、、、、、、、、、、、、、、、、、、、
//查询用户信息表格
public ActionResult SelectUser(BsgridPage bsgridPage,string UserNuber)
{

        var listAcademe = (from tbUser in myModels.SYS_User
                           join tbUserDatum in myModels.SYS_UserDatum on tbUser.UserDatumID equals tbUserDatum.UserDatumID
                           select new UserSelect //实体类我建了两个，你去对比看一下
                           {
                               UserID = tbUser.UserID,
                               UserDatumID = tbUserDatum.UserDatumID,
                               UserName = tbUserDatum.UserName,
                               UserIDNum = tbUserDatum.UserIDNum,
                               Phone = tbUserDatum.Phone,
                               UserNuber = tbUser.UserNuber,
                               Remark1 = tbUser.Remark,
                               Remark = tbUserDatum.Remark,
                           });
       
        if (!string.IsNullOrEmpty(UserNuber))
        {
            listAcademe = listAcademe.Where(m => m.UserNuber.Contains(UserNuber));
        }
        int totalRow = listAcademe.Count();
        List<UserSelect> listIT = listAcademe.OrderByDescending(m => m.UserNuber).Skip(bsgridPage.GetStartIndex()).Take(bsgridPage.pageSize).ToList();
        //这句话的意思就是 声明这个表的实例化 然后等于 查出来的数据 通过StudentID倒序排序 Skip是开始索引 
        //bsgridPage.GetStartIndex() 的意思是这个bsgirdpage的表格 Start就是开始的意思，开始的索引 
        //Take 到的意思，到bsgridpage 的结束索引，如果写成 Take(bsgridPage.GetEndIndex()) 也是一样的，到他的页面大小和到他的结束的索引是一个意思
        Bsgrid<UserSelect> bsgrid = new Bsgrid<UserSelect>()
        {
            success = true,
            totalRows = totalRow,
            curPage = bsgridPage.curPage,
            data = listIT
        };
        return Json(bsgrid, JsonRequestBehavior.AllowGet);
    }
    、、、、、、、、、、、、、、、html代码、、、、、、、、、
    <table id="tbRecord" class="table table-bordered">
                <thead>
                    <tr>
                        <th w_check="true" w_index="UserID">选择</th>@*复选框*@
                        <th w_hidden="true" w_index="UserDatumID">UserDatumID</th>
                        <th w_num="total_line">序号</th>
                        <th w_index="UserName">姓名</th>
                        <th w_index="UserIDNum">身份证号码</th>
                        <th w_index="Phone">手机号码</th>
                        <th w_index="UserNuber">用户名(登录名) </th>
                        <th w_index="Remark1">角色类型</th>
                        <th w_index="Remark">备注</th>
                        <th w_render="CreatButton">操作</th>@*自定义列单元格渲染方法名, 插件使用eval(funName)执行此方法, 具有的四个参数是record, rowIndex, colIndex, options             注意如果列有w_render属性设置w_index则无意义. 列可以无w_index或w_render属性 *@
                    </tr>
                </thead>
            </table>
            、、、、、、、、、、、、、js代码、、、、、、、、、、、、
              var tbRecord;
    //绑定Bsgrid表格
        $(function () {
            tbRecord = $.fn.bsgrid.init('tbRecord', {
                url: '/Terminal/SelectUser',
                autoLoad: true,//自动加载
                stripeRows: true,//隔行变色
                rowHoverColor: true,//划过行变色
                displayBlankRows: false,//是否显示空白行, 默认值true
                pageSize: 12,//分页大小, 如果设置值小于1则不分页且展示全部数据(即自动将pageAll设置为true), 默认值20
                pageSizeSelect: true,// 是否显示分页大小选择下拉框, 配合参数pageSizeForGrid, 默认值false
                pagingLittleToolbar: true,//是否显示精简的图标按钮分页工具条, 默认值false
                event: {
                    customRowEvents: {
                        click: function (record, rowIndex, trObj, otions) {
                            Check("#tbRecord tr", rowIndex + 1);
                        }
                    }
                }

            });
        });