你的位置:首页 > 软件开发 > ASP.net > Jquery easy ui datagrid動態加載列問題

Jquery easy ui datagrid動態加載列問題

发布时间:2015-03-30 22:03:38
1.如下图效果是当选择不同的日期范围时datagrid则会加载出对应的列数 2.首先是后台组装数据,我采用的是循环并拼接DataTable数据,如下代码          //循環添加datagrid所需的表頭數據 for (int i = 0; i &l ...

1.如下图效果是当选择不同的日期范围时datagrid则会加载出对应的列数

Jquery easy ui datagrid動態加載列問題

 

Jquery easy ui datagrid動態加載列問題

 

2.首先是后台组装数据,我采用的是循环并拼接DataTable数据,如下代码

          //循環添加datagrid所需的表頭數據        for (int i = 0; i < table.Columns.Count; i++)        {          columns.AppendFormat("{{field:'{0}',title:'{1}',align:'center',width:{2}}},", table.Columns[i].ColumnName, table.Columns[i].ColumnName, 41);        }        //刪除最有一個filed多餘的","號        if (table.Columns.Count > 0)        {          columns.Remove(columns.Length - 1, 1);        }        columns.Append("]]");        //組裝工令各站排程達成狀況表頭和數據         Dictionary<string, object> objDic = new Dictionary<string, object>();        objDic.Add("columns", columns.ToString()); //datagrid表头        objDic.Add("rows", table); //datagrid表数据"rows":[{"SerailNum":1,"Item":"累計各LOT耗用工時之合(H)","SumMonth":142.00,"03/01":null,"03/02":null,"03/03":null,"03/04":50.00,"03/05":null,"03/06":7.00,"03/07":42.00,"03/08":null,"03/09":null,"03/10":17.00,"03/11":null,"03/12":26.00,"03/13":null},{"SerailNum":2,"Item":"產出LOT批","SumMonth":13.00,"03/01":0.00,"03/02":0.00,"03/03":0.00,"03/04":2.00,"03/05":0.00,"03/06":4.00,"03/07":2.00,"03/08":0.00,"03/09":0.00,"03/10":1.00,"03/11":0.00,"03/12":4.00,"03/13":0.00},{"SerailNum":3,"Item":"平均實際CT","SumMonth":10.92,"03/01":null,"03/02":null,"03/03":null,"03/04":25.00,"03/05":null,"03/06":1.75,"03/07":21.00,"03/08":null,"03/09":null,"03/10":17.00,"03/11":null,"03/12":6.50,"03/13":null}]}

 

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com

原标题:Jquery easy ui datagrid動態加載列問題

关键词:jquery

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录