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", width: 100, align: 'left', sortable: false },
{ label: "商品名称", name: "FullName", width: 130, align: "left", sortable: false },
{ label: "规格型号", name: "SpecType", width: 150, align: 'left', sortable: false },
{ label: "单位", name: "UnitName", width: 150, align: 'left', sortable: false },
{ label: "副单位", name: "SecondUnit", width: 150, align: 'left', sortable: false },
{ label: "基本数量", name: "Qty", width: 150, align: 'left', sortable: false },
{ label: "单位成本", name: "UnitCode", width: 150, align: 'left', sortable: false },
{ label: "成本", name: "Cost", width: 150, align: 'left', sortable: false }];
        //动态列
var addmodel = [{ label: "基本数量", name: "SHQty", width: 150, align: 'left', sortable: false }, { label: "可用库存", name: "SHRealQty", width: 150, align: 'left', sortable: false }];
$.each(addmodel, function (key, value) {
model.push({
label: value.label,
name: value.name,
index: key,
width: value.width,
align: value.align,
sortable: value.sortable
});
});
//创建jqGrid组件
$gridTable.jqGrid(
{
datatype: "json",
height: $(window).height() - 230.5,
autowidth: 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
}); }

  

jqGrid动态增加列,使用在根据条件筛选而出现不同的列的场景的更多相关文章

  1. MySQL中不允许使用列别名作为查询条件

    在MySQL中有个特殊的规定,即不允许使用列别名作为查询条件.比如有下面一个表: select     ID,     title,     concept,     conceptLength,   ...

  2. WPF datagrid 动态增加列

    DataGrid动态增加列 <Window x:Class="WpfApplication1.MainWindow" xmlns="http://schemas.m ...

  3. JDBC动态查询MySQL中的表(按条件筛选)

    动态查询实现按条件筛选.PreparedStatement 准备语句指定要查询的表头列,.setString()通过赋值指定行,.executeQuery()执行语句 在数据库test里先创建表sch ...

  4. Hyperledger Fabric 动态增加组织到网络中

    本文基于Hyperledger Fabric 1.4版本. 官方文档地址:传送门 动态添加一个组织到Fabric网络中也是一个比较重要的功能.官方文档写的已经很详细了,有能力的尽量还是看官方文档,本文 ...

  5. jquery 动态增加删除行

    最近写程序,碰巧有动态增加删除行,下面就记录一下 html就不写了,也没有什么,直接上核心了 新增行 function addRow(obj){ //获得table一共有多少行,方便追加的时候给序号赋 ...

  6. 在Winform界面菜单中实现动态增加【最近使用的文件】菜单项

    在我们一些和文件处理打交道的系统中,我们往往需要记录下最近使用的文件,这样方便用户快速打开之前浏览或者编辑过的文件,这种在很多软件上很常见,本文主要介绍在Winform界面菜单中实现[最近使用的文件] ...

  7. hdfs以及hbase动态增加和删除节点

    一个知乎上的问题:Hbase的Region server和hadoop的datanode是否可以部署在一台服务器上?如果是的话,二者是否是一对一的关系?部署在同一台服务器上,可以减少数据跨网络传输的流 ...

  8. ligerui_ligerTree_005_动态增加“树”节点

    动态添加ligerTree节点:效果图: 源码地址:http://download.csdn.net/detail/poiuy1991719/8571255 <%@ page language= ...

  9. (二)Kafka动态增加Topic的副本(Replication)

    (二)Kafka动态增加Topic的副本(Replication) 1. 查看topic的原来的副本分布 [hadoop@sdf-nimbus-perf ~]$ le-kafka-topics.sh ...

随机推荐

  1. Android UI布局之LinearLayout

    LinearLayout是Android中最经常使用的布局之中的一个.它将自己包括的子元素依照一个方向进行排列.方向有两种,水平或者竖直.这个方向能够通过设置android:orientation=& ...

  2. 一步一步做出属于自己的Eclipse

    本文将教大家一步一步打造属于自己的eclipse,涉及到地方,不完全之处请谅解. 一.下载 进入eclipse网站:http://www.eclipse.org/downloads/ 下载:Eclip ...

  3. ExpandoObject对象的JSON序列化

    如果: dynamic expando = new ExpandoObject(); d.SomeProp=SomeValueOrClass; 然后,我们在控制器中: return new JsonR ...

  4. SVG.js Mask覆盖和ClipPath裁剪

    一.SVG.Mask 覆盖物设置 1. var draw = SVG('svg1').size(300, 300); //SVG.Mask 覆盖物设置 var ellipse = draw.ellip ...

  5. Ubuntu apt-get 彻底卸载软件包

    版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/get_set/article/details/51276609 如果你关注搜索到这篇文章,那么我可以 ...

  6. IIS7增加mine类型,以便可以访问apk

    1.打开IIS 2.找到mine类型,单击右边的添加 3.输入apk的配置 application/vnd.android-package-archive .这样,用户就可以直接访问apk了

  7. 混沌分形之朱利亚集(JuliaSet)

    朱利亚集合是一个在复平面上形成分形的点的集合.以法国数学家加斯顿·朱利亚(Gaston Julia)的名字命名.我想任何一个有关分形的资料都不会放过曼德勃罗集和朱利亚集.这里将以点集的方式生成出朱利亚 ...

  8. [转]vue Element UI走马灯组件重写

    https://blog.csdn.net/u013750989/article/details/82885482 1.element ui走马灯组件 -- carousel分析一波源代码:carou ...

  9. tensorflow 卷积/反卷积-池化/反池化操作详解

    Plese see this answer for a detailed example of how tf.nn.conv2d_backprop_input and tf.nn.conv2d_bac ...

  10. 读书笔记,《深入理解java虚拟机》,第二章,java内存区域与内存溢出异常

    第二节,运行时数据区域.    在这个章节中,作者给出了一个java虚拟机运行时数据区的框图,图的左侧是方法区和堆,这两个数据区是所有的线程所共享的.然后是虚拟机栈.本地方法栈.还有程序计数器,这三个 ...