首页 > web前端 > js教程 > 正文

实例详解EasyUI的DataGrid每行数据添加操作按钮

小云云
发布: 2017-12-30 14:35:46
原创
7859 人浏览过

easyui的datagrid每一列数据后边都加上一个操作按钮,怎么实现此功能呢?下面小编给大家带来了EasyUI的DataGrid每行数据添加操作按钮的实现代码,需要的朋友参考下吧,希望能帮助到大家。

其实要加一行自定义列很简单,在js声明datagrid的时候加上如下代码


{field:'operate',title:'操作',align:'center',width:$(this).width()*0.1, 
  formatter:function(value, row, index){ 
    var str = &#39;<a href="#" rel="external nofollow" name="opera" class="easyui-linkbutton" ></a>&#39;; 
    return str; 
}}
登录后复制

这行代码是在columns属性下定义的,而且一定要加上这个代码


onLoadSuccess:function(data){  
    $("a[name=&#39;opera&#39;]").linkbutton({text:&#39;下订单&#39;,plain:true,iconCls:&#39;icon-add&#39;});  
},
登录后复制

如果不加这个,那个操作列就不会出现按钮的样式,只是一个超链接,用linkbutton或者其他按钮的可以根据需求改编

最后效果如下

之后可以对a标签做onclick事件之类的,视情况而定

相关推荐:

EasyUi控件中的Datagrid详解

详解EasyUI的DataGrid绑定Json数据源方法

EasyUI之dataGrid的行内编辑

以上是实例详解EasyUI的DataGrid每行数据添加操作按钮的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板