EasyUI的DataGrid每行數(shù)據(jù)添加操作按鈕的實現(xiàn)代碼
今天做項目的時候,想在easyui的datagrid每一列數(shù)據(jù)后邊都加上一個操作按鈕,一開始想在后臺拼接字符串用JSON傳回,但是我測試之后發(fā)現(xiàn)這個方法不管用,在網(wǎng)上搜索了一下,整理如下:
其實要加一行自定義列很簡單,在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'});
},
如果不加這個,那個操作列就不會出現(xiàn)按鈕的樣式,只是一個超鏈接,用linkbutton或者其他按鈕的可以根據(jù)需求改編
最后效果如下

之后可以對a標(biāo)簽做onclick事件之類的,視情況而定
總結(jié)
以上所述是小編給大家介紹的EasyUI的DataGrid每行數(shù)據(jù)添加操作按鈕的實現(xiàn)代碼,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
- jQuery EasyUI菜單與按鈕詳解
- Easyui Datagrid自定義按鈕列(最后面的操作列)
- EasyUI在Panel上動態(tài)添加LinkButton按鈕
- jQuery EasyUI API 中文文檔 - MenuButton菜單按鈕使用介紹
- easyui datagrid 表格中操作欄 按鈕圖標(biāo)不顯示的解決方法
- 輕松學(xué)習(xí)jQuery插件EasyUI EasyUI創(chuàng)建菜單與按鈕
- Easyui使用Dialog行內(nèi)按鈕布局的實例
- 給easyui的datebox控件添加清空按鈕的實現(xiàn)方法
- Jquery Easyui分割按鈕組件SplitButton使用詳解(17)
- jEasyUI 創(chuàng)建分割按鈕的實現(xiàn)示例
相關(guān)文章
jquery jqPlot API 中文使用教程(非常強大的圖表工具)
這里貢獻(xiàn)上中文教程,基本上所有的api都很齊全,供有需要的童鞋們瞧瞧,更重要的是作為自己滴收藏2011-08-08
AJAX和jQuery動態(tài)加載數(shù)據(jù)的實現(xiàn)方法
本文給大家介紹使用ajax和jquery動態(tài)加載數(shù)據(jù)的實現(xiàn)方法,使用jQuery可以簡化這個過程。下面通過實例代碼給大家介紹下,需要的的朋友參考下吧2016-12-12
BootStrap表單驗證中的非Submit類型按鈕點擊時觸發(fā)驗證的坑
這篇文章主要介紹了BootStrap表單驗證中的非Submit類型按鈕點擊時觸發(fā)驗證的坑,本文給大家介紹的非常詳細(xì),具有一定的參考借鑒價值,需要的朋友可以參考下2019-09-09
基于jquery實現(xiàn)控制經(jīng)緯度顯示地圖與衛(wèi)星
下文與大家分享下使用jquery實現(xiàn)控制經(jīng)緯度顯示地圖與衛(wèi)星,感興趣的朋友可以參考下哈,希望對你有所幫助2013-05-05
jQuery使用contains過濾器實現(xiàn)精確匹配方法詳解
這篇文章主要介紹了jQuery使用contains過濾器實現(xiàn)精確匹配的方法,結(jié)合實例形式分析了contains過濾器的具體使用技巧,需要的朋友可以參考下2016-02-02

