服务端分页+客户端排序

2020-09-11 09:01:36 阅读：179 来源： 互联网

标签：return pageSize int res params offset 排序服务端客户端

注：自带的筛选的 Server/Client 模式，只能跟着分页走

引用的是bootstrap_table V1.17.1 版文件

        <table id="table_HouseRecord"
            data-toggle="table"
            data-url="/Business/StuffMaterialManage/Biz_Stuff_ThirdpartyWeightTiqu/LoadMaterialHouseRecord"
            data-query-params="queryParams"
            data-search="true"
            data-server-search="false"
            data-cache="false"
            data-click-to-select="true"
            data-show-pagination-switch="false"
            data-pagination="true"
            data-pagination-loop="false"
            data-side-pagination="server"
            data-page-list="[10, 20, 50, 100, 200]"
            data-page-size="15"
            data-server-sort="false"
            data-response-handler="responseHandler"
            data-detail-view="true"
            data-detail-filter="detailFilter"
            data-detail-formatter="detailFormatter">
            <thead>
                <tr>
                    <th data-field="MaterialHouseName" data-sortable="true">货仓</th>
                    <th data-field="BeforeValue">库存(前)</th>
                    <th data-field="Value">调整值</th>
                    <th data-field="AfterValue">库存(后)</th>
                    <th data-field="DataNo" data-sortable="true">数据编号</th>
                    <th data-field="CheNo" data-sortable="true">车号</th>
                    <th data-field="MaterialName" data-sortable="true">材料名称</th>
                    <th data-field="MaterialSpec" data-sortable="true">材料规格</th>
                    <th data-field="Remark" data-sortable="true">描述</th>
                    <th data-field="DataUserName" data-sortable="true">操作人</th>
                    <th data-field="DataDateTime" data-sortable="true" data-formatter="changeDateFormat">时间</th>
                    <th data-field="MixingNo" data-sortable="true">机组</th>
                    <th data-field="IpcHouseNo" data-sortable="true">工控仓号</th>
                    <th data-field="DataID" data-visible="false">序号</th>
                </tr>
            </thead>
        </table>

function queryParams(params) {
    delete params.sort;
    delete params.order;
    params["dayDate"] = $("#lblDay").text();
    params["houseId"] = curHouseCheck;
    return params;
}

function responseHandler(res) {
    if ($('#table_HouseRecord').bootstrapTable('getOptions').sortOrder === 'desc') {
        res.rows = res.rows.reverse();
    }
    return res
}

后端

        [ExExceptionLog4netAjaxJsonResult]
        [ExLoadLoginInfo]
        public JsonResult LoadMaterialHouseRecord(string dayDate, int houseId)
        {
            int pageSize = int.Parse(Request["limit"]);
            int offset = int.Parse(Request["offset"]);
            int pageIndex = offset / pageSize + 1;

            dynamic data = _bll.LoadHouseRecordPage(dayDate, houseId, pageIndex, pageSize);
            return Json(data, JsonRequestBehavior.AllowGet);
        }

标签：return,pageSize,int,res,params,offset,排序,服务端,客户端
来源： https://www.cnblogs.com/sky-gfan/p/13649682.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

服务端分页+客户端排序