jQuery easyui datagrid 如何在动态增加了列之后进行刷新?

jQuery easyui datagrid 如何在动态增加了列之后进行刷新?,第1张

//使用选择器重新对该datagrid赋columns,前台界面便会多出想要的表头,如果要保留原来的表头,只需要拿到原来的columns,动态push进去就好了,它是个数组,需要注意是数组的第一个 也就是newColumns[0].push({...})并且添加完成后(这里是手写的),也会自动更新相应字段,亲测成功

$('#tt').datagrid({

columns:[[

{field:'itemid',title:'Item ID',width:80},

{field:'productid',title:'Product ID',width:80},

{field:'listprice',title:'List Price',width:80,align:'right'},

{field:'unitcost',title:'Unit Cost',width:80,align:'right'},

{field:'attr1',title:'Attribute',width:100},

{field:'status',title:'Status',width:60}

]]

})

首先,为需要编辑的列设置编辑器

例如:

{field:'F1',title:'编辑咧列',width:100,align:'center',

editor: {

type: 'numberbox',

options: {

min:1

}

}

}

第二步,按钮点击事件中添加代码

$('#dg').datagrid('appendRow',{

F1: '新名称'

})

三,开启编辑列

$('#dg').datagrid("beginEdit", i)//i为需要编辑的行号


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11480331.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-16
下一篇 2023-05-16

发表评论

登录后才能评论

评论列表(0条)

保存