EasyUI的DataGrid每行數(shù)據(jù)添加操作按鈕的實(shí)現(xiàn)代碼
今天做項(xiàng)目的時(shí)候,想在easyui的datagrid每一列數(shù)據(jù)后邊都加上一個(gè)操作按鈕,一開始想在后臺(tái)拼接字符串用JSON傳回,但是我測(cè)試之后發(fā)現(xiàn)這個(gè)方法不管用,在網(wǎng)上搜索了一下,整理如下:
其實(shí)要加一行自定義列很簡(jiǎn)單,在js聲明datagrid的時(shí)候加上如下代碼
{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屬性下定義的,而且一定要加上這個(gè)代碼
onLoadSuccess:function(data){
$("a[name='opera']").linkbutton({text:'下訂單',plain:true,iconCls:'icon-add'});
},
如果不加這個(gè),那個(gè)操作列就不會(huì)出現(xiàn)按鈕的樣式,只是一個(gè)超鏈接,用linkbutton或者其他按鈕的可以根據(jù)需求改編
最后效果如下

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

