怎么在easyui的datagrid的最后一行添加一个“编辑”和“删除”的按钮?

怎么在easyui的datagrid的最后一行添加一个“编辑”和“删除”的按钮?,第1张

用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

}

}

] ],

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

用formatter 举个例子

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

    formatter: function (value, rowData, rowIndex) {

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

  }

}


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存