在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"

用formatter属性进行格式化单元格

columns : [ [

//......

{ title : ' *** 作', field : 'opt', width : getWidth(0.1), align : 'center', formatter :

function(value, row, index) {

var str = ""

str += '<span class="icon_Modify"><a href="javascript:update(\'' + rec.actTypeId +'\')" title="修改"></a></span>'

str += '<span class="icon_chakan"><a href="javascript:view(\'' + rec.actTypeId + '\')" title="删除"></a></span>'

return str

}

}

] ],

具体样式自己调下,只说下思路


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

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

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

发表评论

登录后才能评论

评论列表(0条)

    保存