EasyUI的DataGrid每行数据添加操作按钮的实现代码
更新时间：2017年08月22日 15:18:01 作者：thulium_kyg
今天做项目的时候，想在easyui的datagrid每一列数据后边都加上一个操作按钮，怎么实现此功能呢？下面小编给大家带来了EasyUI的DataGrid每行数据添加操作按钮的实现代码，需要的朋友参考下吧
今天做项目的时候，想在easyui的datagrid每一列数据后边都加上一个操作按钮，一开始想在后台拼接字符串用JSON传回，但是我测试之后发现这个方法不管用，在网上搜索了一下，整理如下：
其实要加一行自定义列很简单，在js声明datagrid的时候加上如下代码
{field:'operate',title:'操作',align:'center',width:$(this).width()*0.1,
formatter:function(value, row, index){
var str = '<a href="#" rel="external nofollow" name="opera" class="easyui-linkbutton" ></a>';
return str;
}}
这行代码是在columns属性下定义的，而且一定要加上这个代码
onLoadSuccess:function(data){
$("a[name='opera']").linkbutton({text:'下订单',plain:true,iconCls:'icon-add'});
},
如果不加这个，那个操作列就不会出现按钮的样式，只是一个超链接，用linkbutton或者其他按钮的可以根据需求改编
最后效果如下
之后可以对a标签做onclick事件之类的，视情况而定
总结
以上所述是小编给大家介绍的EasyUI的DataGrid每行数据添加操作按钮的实现代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
您可能感兴趣的文章:
相关文章
jquery jqPlot API 中文使用教程(非常强大的图表工具)
这里贡献上中文教程，基本上所有的api都很齐全，供有需要的童鞋们瞧瞧，更重要的是作为自己滴收藏2011-08-08
本文给大家介绍使用ajax和jquery动态加载数据的实现方法，使用jQuery可以简化这个过程。下面通过实例代码给大家介绍下，需要的的朋友参考下吧2016-12-12
BootStrap表单验证中的非Submit类型按钮点击时触发验证的坑
这篇文章主要介绍了BootStrap表单验证中的非Submit类型按钮点击时触发验证的坑,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2019-09-09
这篇文章主要介绍了jQuery实现UI设置固定日期选择特效，推荐给大家，有需要的小伙伴可以参考下。2015-08-08
下面小编就为大家带来一篇jquery弹出遮掩层效果【附实例代码】。小编觉得挺不错的，现在分享给大家，也给大家做个参考，一起跟随小编过来看看吧2016-04-04
这篇文章主要为大家详细介绍了jQuery实现简单评论区，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-03-03
下文与大家分享下使用jquery实现控制经纬度显示地图与卫星，感兴趣的朋友可以参考下哈，希望对你有所帮助2013-05-05
这篇文章主要介绍了jQuery使用contains过滤器实现精确匹配的方法,结合实例形式分析了contains过滤器的具体使用技巧,需要的朋友可以参考下2016-02-02
这篇文章主要介绍了Jquery如何实现Div上下移动,需要的朋友可以参考下2014-04-04
这篇文章主要介绍了Jquery Ajax方法传值到action的方法,需要的朋友可以参考下2014-05-05
最新评论