在easyui datagrid中每一行后面加一个easyui switch button按钮

在easyui datagrid中每一行后面加一个easyui switch button按钮,第1张

js 中添加 直接在定义datagrid 的时候加上 toolbar 属性

toolbar: ["-", {

id: '',

text: '',

iconCls: '',

handler: function () {}

}, "-", {

id: '',

text: '',

iconCls: '',

handler: function () { }

}, "-", {

id: '',

text: '',

iconCls: '',

handler: function () { }

}, "-"]

第二种方法是在页面些个div 在里面可以放入 按钮 输入框 搜索框 之类的 并且给这个div 设置一个 id 然后再定义 datagrid 的地方写 toolbar:"#div的id"

首先,为需要编辑的列设置编辑器 例如: {field:'F1',title:'编辑咧列',width:100,align:'center', editor: { type: 'numberbox', options: { min:1 } } } 第二步,按钮点击事件中添加代码 $('#dg').datagrid('appendRow',{ F1: '新名称' })

用formatter 举个例子

{ field: 'ed', title: ' *** 作', width: 80, align: 'center',

    formatter: function (value, rowData, rowIndex) {

        return "<input type='button' value='click'>"                                

  }

}


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

原文地址:https://54852.com/bake/11760381.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存