zoukankan      html  css  js  c++  java
  • BootStrap Table

     在初始化table的时候,参数最好是直接取, 按照temp[key] = value;的方式会在进行分页等操作时沿用页面初始化的参数.

    参数传入可以使用 queryParams 对象

    $(function () {
        //最大层级:2层
        initTable(2);
    })
    
    $(document).ready(function () {
        clearInputOnInit();
    
    });
    
    function clearInputOnInit() {
         ctlBeginTime.setValue("2016-12-01 00:00:00");
         ctlEndTime.setValue("2016-12-21 00:00:00");
    }
    
    function initTable(level) {
        var columns = [];
    
        $('#tabAudit').bootstrapTable({
            columns: columns,
            url: "/Business/FinancialManage/Biz_Audit_ProduceTask/LoadAuditProduceTaskFrist",
            queryParams: function (params) {
                var temp = {
                    limit: params.limit,
                    offset: params.offset,
                    order: params.order,
                    ordername: params.sort,
                    beginTime: ctlBeginTime.getValue(),
                    endTime: ctlEndTime.getValue()
                };
                //$.each(query, function (key, value) {
                //    temp[key] = value;
                //});
                return temp;
            },
            method: 'get',
            striped: true,
            pagination: true,
            sortName: "序号",
            sortOrder: "desc",
            sidePagination: "server",
            cache: false,
            pageNumber: 1,
            pageSize: 10,
            pageList: [5, 10, 20, 50, 100, 200],
            smartDisplay: false,
            rowStyle: function (row, index) {
                //颜色样式['active', 'success', 'info', 'warning', 'danger'];
                var strclass = "";
                if (row.ORDER_STATUS == "已审核") {
                    strclass = 'success';
                }
                else {
                    return {};
                }
                return { classes: strclass }
            },
            detailView: true,
            onExpandRow: function (index, row, $detail) {
                expandTable($detail, level - 1, row);
            }
        });
    }
  • 相关阅读:
    QNET弱网测试工具
    echart
    数组按照一大一小打乱排列
    根据环境开启 vconsole
    时间戳在ios上面显示NAN Bug
    去除字符串中html标签
    ios 上 复选框背景黑边bug
    echarts配置项说明
    JS 数据处理技巧及小算法
    js中最常用的几种遍历数据方法
  • 原文地址:https://www.cnblogs.com/sky-gfan/p/6170689.html
Copyright © 2011-2022 走看看