EasyUI的DataGrid每行數(shù)據(jù)添加操作按鈕的實(shí)現(xiàn)代碼
更新時(shí)間：2017年08月22日 15:18:01 作者：thulium_kyg
今天做項(xiàng)目的時(shí)候，想在easyui的datagrid每一列數(shù)據(jù)后邊都加上一個(gè)操作按鈕，怎么實(shí)現(xiàn)此功能呢？下面小編給大家?guī)砹薊asyUI的DataGrid每行數(shù)據(jù)添加操作按鈕的實(shí)現(xiàn)代碼，需要的朋友參考下吧
今天做項(xiàng)目的時(shí)候，想在easyui的datagrid每一列數(shù)據(jù)后邊都加上一個(gè)操作按鈕，一開始想在后臺拼接字符串用JSON傳回，但是我測試之后發(fā)現(xiàn)這個(gè)方法不管用，在網(wǎng)上搜索了一下，整理如下：
其實(shí)要加一行自定義列很簡單，在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è)操作列就不會出現(xiàn)按鈕的樣式，只是一個(gè)超鏈接，用linkbutton或者其他按鈕的可以根據(jù)需求改編
最后效果如下
之后可以對a標(biāo)簽做onclick事件之類的，視情況而定
總結(jié)
以上所述是小編給大家介紹的EasyUI的DataGrid每行數(shù)據(jù)添加操作按鈕的實(shí)現(xiàn)代碼，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時(shí)回復(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)按鈕布局的實(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動態(tài)加載數(shù)據(jù)的實(shí)現(xiàn)方法
本文給大家介紹使用ajax和jquery動態(tài)加載數(shù)據(jù)的實(shí)現(xiàn)方法，使用jQuery可以簡化這個(gè)過程。下面通過實(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)UI設(shè)置固定日期選擇特效，推薦給大家，有需要的小伙伴可以參考下。2015-08-08
下面小編就為大家?guī)硪黄猨query彈出遮掩層效果【附實(shí)例代碼】。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個(gè)參考，一起跟隨小編過來看看吧2016-04-04
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)簡單評論區(qū)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-03-03
基于jquery實(shí)現(xiàn)控制經(jīng)緯度顯示地圖與衛(wèi)星
下文與大家分享下使用jquery實(shí)現(xiàn)控制經(jīng)緯度顯示地圖與衛(wèi)星，感興趣的朋友可以參考下哈，希望對你有所幫助2013-05-05
jQuery使用contains過濾器實(shí)現(xiàn)精確匹配方法詳解
這篇文章主要介紹了jQuery使用contains過濾器實(shí)現(xiàn)精確匹配的方法,結(jié)合實(shí)例形式分析了contains過濾器的具體使用技巧,需要的朋友可以參考下2016-02-02
這篇文章主要介紹了Jquery如何實(shí)現(xiàn)Div上下移動,需要的朋友可以參考下2014-04-04
這篇文章主要介紹了Jquery Ajax方法傳值到action的方法,需要的朋友可以參考下2014-05-05