jQuery MiniUI

标题: 在grid中如何动态添加column [打印本页]

作者: haohao 时间: 2018-8-29 08:36:27 标题: 在grid中如何动态添加column

例如让用户在前台页面录入“名称；地址；电话”，在js代码中grid自动添加3列，而且这3列都可以单元格编辑。不知道怎么写，请群主明示，谢谢！

作者: felt 时间: 2018-8-29 09:28:16

请参考动态生成列的示例
http://www.miniui.com/demo/#src=datagrid/setcolumns.html
根据你的需求，动态生成所有列，然后设置到表格内。

作者: haohao 时间: 2018-8-29 11:57:10

本帖最后由 haohao 于 2018-8-29 12:00 编辑

felt 发表于 2018-8-29 09:28
请参考动态生成列的示例
http://www.miniui.com/demo/#src=datagrid/setcolumns.html
根据你的需求，动态生 ...

  我是想按以下这样动态添加列：不知道怎么写，假如gridstr是用户在页面上录入的。
var gridstr = "内部编号;固资分类;设备名称;现场项目";
         var columnarr = gridstr.split(';');
         var columnstr = "{ type: 'indexcolumn' },";
         for (var i = 0; i < columnarr.length; i++) {
            columnstr += "{field:'" + columnarr + "', width: 100, align: 'center', headerAlign: 'center', allowSort: true, header: '" + columnarr + "', editor: { type: 'textbox' } },";
         }
         grid.set({columns: [columnstr]
         });
作者: felt 时间: 2018-8-29 13:15:00

haohao 发表于 2018-8-29 11:57
我是想按以下这样动态添加列：不知道怎么写，假如gridstr是用户在页面上录入的。
var gridstr = " ...
var gridstr = "内部编号;固资分类;设备名称;现场项目";

         var columnarr = gridstr.split(';');

         var columns= [{ type: 'indexcolumn' }]";

         for (var i = 0; i < columnarr.length; i++) {

            var col={field:columnarr [i], width: 100, align: 'center', headerAlign: 'center', allowSort: true, header:  columnarr , editor: { type: 'textbox' } }

columns.push(col)

         }

grrd.setColumns(columns)
复制代码
grid.set({columns: [columnstr]
作者: haohao 时间: 2018-8-30 15:01:08

felt 发表于 2018-8-29 13:15
grid.set({columns: [columnstr]

十分感谢！谢谢！

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2