zoukankan      html  css  js  c++  java
  • jqGrid动态增加列,使用在根据条件筛选而出现不同的列的场景

     function GetGrid2() {
            var jqdata = [
                { Encode:"20180100", FullName: "BYD", SpecType: "cpu200", UnitName: "台", SecondUnit: "", Qty: "10", UnitCode: "50000", Cost: "35000" },
                { Encode:"20180100", FullName: "BYD", SpecType: "cpu200", UnitName: "台", SecondUnit: "", Qty: "10", UnitCode: "50000", Cost: "35000" }
            ];
            //创建jqGrid组件
            var $gridTable = $('#gridTable');
           //固定列
            var model = [
                { label: "商品编号", name: "Encode",  100, align: 'left', sortable: false },
                { label: "商品名称", name: "FullName",  130, align: "left", sortable: false },
                { label: "规格型号", name: "SpecType",  150, align: 'left', sortable: false },
                { label: "单位", name: "UnitName",  150, align: 'left', sortable: false },
                { label: "副单位", name: "SecondUnit",  150, align: 'left', sortable: false },
                { label: "基本数量", name: "Qty",  150, align: 'left', sortable: false },
                { label: "单位成本", name: "UnitCode",  150, align: 'left', sortable: false },
                { label: "成本", name: "Cost",  150, align: 'left', sortable: false }];

    //动态列 var addmodel = [{ label: "基本数量", name: "SHQty", 150, align: 'left', sortable: false }, { label: "可用库存", name: "SHRealQty", 150, align: 'left', sortable: false }]; $.each(addmodel, function (key, value) { model.push({ label: value.label, name: value.name, index: key, value.width, align: value.align, sortable: value.sortable }); }); //创建jqGrid组件 $gridTable.jqGrid( { datatype: "json", height: $(window).height() - 230.5, auto true, colModel: model, pager: false, rownumbers: true, shrinkToFit: false, gridview: true, footerrow: true, sortname: 'ExecutionDate', sortorder: 'desc', beforeRequest: function () { $("thead th").css("text-align", "center").css("font-weight", "bold"); }, gridComplete: function () { var totalreceivable = $(this).getCol("Receivable", false, "sum"); var totalexpenses = $(this).getCol("Expenses", false, "sum"); var totalbalance = $(this).getCol("Balance", false, "sum"); //合计 $(this).footerData("set", { "ExecutionDate": "合计:", "Receivable": totalreceivable, "Expenses": totalexpenses, "Balance": totalbalance }); $('table.ui-jqgrid-ftable td').prevUntil().css("border-right-color", "#fff"); } }); //将jqdata的值循环添加进jqGrid for (var i = 0; i <= jqdata.length; i++) { $gridTable.jqGrid('addRowData', i + 1, jqdata[i]); } //固定表头合并 var groupHeaders = [ { startColumnName: 'Qty', numberOfColumns: 3, titleText: '<div align="center"><b>所有仓库</b></div>' } ];

    //动态表头 if (1 == 1) { groupHeaders.push({ startColumnName: 'SHQty', numberOfColumns: 2, titleText: '<div align="center"><b>上海仓库</b></div>' }); } $gridTable.jqGrid('setGroupHeaders', { useColSpanStyle: true, groupHeaders: groupHeaders }); }

      

  • 相关阅读:
    JavaScript之函数(上)
    JAVA 遍历文件夹下的所有文件(递归调用和非递归调用)<转>
    Mac配置环境变量注意点
    netty tcp拆包
    mybatis注解方式批量插入数据
    JMX超详细解读<转>
    使用EmbeddedValueResolverAware读取配置文件内容
    线程的几种状态转换<转>
    Java线程池关闭1-shutdown和isTerminated<转>
    Maven项目编译后classes文件中没有.xml问题
  • 原文地址:https://www.cnblogs.com/firstcsharp/p/9984694.html
Copyright © 2011-2022 走看看