在grid中如何动态添加column

haohao

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

felt

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

haohao

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

haohao 发表于 2018-8-29 11:57
我是想按以下这样动态添加列：不知道怎么写，假如gridstr是用户在页面上录入的。     
var gridstr = " ...

1. var gridstr = "内部编号;固资分类;设备名称;现场项目";
   
2.             var columnarr = gridstr.split(';');
   
3.             var columns= [{ type: 'indexcolumn' }]";
   
4.             for (var i = 0; i < columnarr.length; i++) {
   
5.                var col={field:columnarr [i], width: 100, align: 'center', headerAlign: 'center', allowSort: true, header:  columnarr , editor: { type: 'textbox' } }
   
6.     columns.push(col)
   
7.             }
   
8. grrd.setColumns(columns)

复制代码

grid.set({columns: [columnstr]

haohao

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

十分感谢！谢谢！