easyUI的datagrid每行数据添加操作按钮的方法
2016-04-12 12:31
706 查看
今天做项目的时候,想在easyui的datagrid每一列数据后边都加上一个操作按钮,一开始想在后台拼接字符串用JSON传回,但是我测试之后发现这个方法不管用,在网上搜索了一下,整理如下:
其实要加一行自定义列很简单,在js声明datagrid的时候加上如下代码
其实要加一行自定义列很简单,在js声明datagrid的时候加上如下代码
<span style="font-size:18px;">{field:'operate',title:'操作',align:'center',width:$(this).width()*0.1, formatter:function(value, row, index){ var str = '<a href="#" name="opera" class="easyui-linkbutton" ></a>'; return str; }}</span>这行代码是在columns属性下定义的,而且一定要加上这个代码
<span style="font-size:18px;">onLoadSuccess:function(data){ $("a[name='opera']").linkbutton({text:'下订单',plain:true,iconCls:'icon-add'}); },</span>如果不加这个,那个操作列就不会出现按钮的样式,只是一个超链接,用linkbutton或者其他按钮的可以根据需求改编
相关文章推荐
- iOS中break、continue、return三者的区别
- IOS的UI基础01
- HDU 5288 OO's sequence (2015多校第一场 二分查找)
- AndroidUI——后台线程更新UI的几种方式
- AndroidUI——PopupWindow焦点问题
- Android:android.database.sqlite.SQLiteConstraintException:UNIQUE constraint failed
- IOS开发-UI学习-sqlite数据库的操作
- 限制UITextField输入长度
- hdu-1530-Maximum Clique-找最大团
- select, iocp, epoll,kqueue及各种I/O复用机制
- RA layer request failed
- Unique Paths II
- IOS 关于取消延迟执行函数的种种。performSelector与cancelPreviousPerformRequestsWithTarget
- 一个 forceLayout() 和 requestLayout() 的测试
- iOS UITextField 限制输入长度,中英文混排,汉字占2个长度,英文数字占1个长度
- 缺陷跟踪工具jira和团队协作与项目管理工具conflunce
- LeetCode 之 Increasing Triplet Subsequence
- libjpeg.so.62: no version information available (required
- 遍历jenkins build后的文件夹,找出最新“build NO.”复制到制定目录进行操作
- 第五章 consul key/value