zoukankan      html  css  js  c++  java
  • bootstarptable 加入冻结列和指定跳转页

    var Tflag = true;
    //跳转
    var tiaozhuan = function (ele) {
        var type = $(ele).attr('data-value');
        if (type === "centerdviserTable") {
            var page = $("#" + type + "T").val();
            parm.PageNum = page;
            Tflag = false;
            $('#' + type).bootstrapTable('refresh', { url: url });
            Tflag = true;
        }
    }
    function centerReport() {
        $('#centerdviserTable').bootstrapTable({
            striped: true,      //是否显示行间隔色
            cache: false,      //是否使用缓存,默认为true,所以一般情况下需要设置一下这个属性(*)
            sortable: true,      //是否启用排序
            checkboxHeader: true,
            sortOrder: "desc",     //排序方式
            pageNumber: 1,      //初始化加载第一页,默认第一页
            pageSize: 10,      //每页的记录行数(*)
            paginationPreText: "上一页",
            paginationNextText: "下一页",
            tiaozhuan: "跳转",
            tiaozhuantable: "centerdviserTable",
            //fixedColumns: true,
            //fixedNumber: 2,
            height: 400,
            pageList: [5,10,25],  //可供选择的每页的行数(*)
            //contentType: "application/x-www-form-urlencoded",
            dataField: "rows",//这是返回的json数组的key.默认好像是"rows".这里只有前后端约定好就行
            url: fundServiceUrl + "GetPrivatePlacementOneHundredToPage?jsoncallback=?",//这个接口需要处理bootstrap table传递的固定参数
            queryParamsType: 'limit', //默认值为 'limit' ,在默认情况下 传给服务端的参数为:offset,limit,sort
            queryParams: function queryParams(params) {
                parm.SortType = params.order; //排序方式
                parm.SortColumn = params.sort;
                params.ValidateGuid = usertoken;
                if (Tflag) {
                    parm.PageNum = ((params.limit + params.offset) / params.limit); //第几页
                }
                parm.PageRow = params.limit; //每页几条
                params.parameters = EncryptObjectData(parm);
                return params;
            },//请求服务器时所传的参数
            responseHandler: function (data) {
                var result = DecryptObjectData(data);
                return {
                    total: result.data.PageTotal, //总页数,前面的key必须为"total"
                    rows: result.data.PageList //行数据,前面的key要与之前设置的dataField的值一致.
                };
            },//请求数据成功后,渲染表格前的方法
    
            sidePagination: "server",   //分页方式:client客户端分页,server服务端分页(*)
            search: false,      //是否显示表格搜索,此搜索是客户端搜索,不会进服务端,所以,个人感觉意义不大
            strictSearch: false,
            showColumns: false,     //是否显示所有的列
            showRefresh: false,     //是否显示刷新按钮
            minimumCountColumns: 10,    //最少允许的列数
            clickToSelect: true,    //是否启用点击选中行
            searchOnEnterKey: true,
            selectItemName: 'btSelectItem',
            onClickRow: function (row, tr, index, value) {
            },
            columns: [
        {
            field: 'fundName',
            title: '产品名称',
            align: 'center',
            valign: "middle",
            sortable: true  //排序
        }
            ],
            pagination: true
        });
    }


    其中我在table原有的setting上增加了四个属性
    tiaozhuan 是显示的跳转字体

    tiaozhuantable: 这个则是告诉js是哪个tableId,
            //fixedColumns: 是否有冻结列,
            //fixedNumber: 冻结列的列数


  • 相关阅读:
    设计模式のPrototypePattern(原型模式)----创建模式
    设计模式のBuilderPattern(创建者模式)----创建模式
    设计模式のSingleton Pattern(单例模式)----创建模式
    设计模式のAbstractFactory(虚拟工厂)----创建模式
    设计模式のFactoryPattern(工厂模式)----创建模式
    日文键盘改英文键盘
    [转]CString转char * ,string
    linux下添加PATH环境变量
    Windows异步套接字(WSASocket)
    【转载】va_start和va_end使用详解
  • 原文地址:https://www.cnblogs.com/jooucks/p/7363607.html
Copyright © 2011-2022 走看看