EasyUI的DataGrid每行數(shù)據(jù)添加操作按鈕的實(shí)現(xiàn)代碼
今天做項(xiàng)目的時(shí)候，想在easyui的datagrid每一列數(shù)據(jù)后邊都加上一個(gè)操作按鈕，一開(kāi)始想在后臺(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)站的支持！
相關(guān)文章
jQuery彈出層始終垂直居中相對(duì)于屏幕或當(dāng)前窗口
碰到?jīng)]有固定高或者固定寬或者固定高和寬的時(shí)候，我們就需要用JS去處理，去動(dòng)態(tài)獲取當(dāng)前窗口高或者寬；今天弄了2種情況，一個(gè)是相對(duì)于屏幕窗體，一個(gè)是相對(duì)于當(dāng)前的窗口，看代碼2013-04-04
這篇文章主要介紹了15個(gè)jquery常用方法、小技巧分享,本文總結(jié)了一些開(kāi)發(fā)中常用的方法,例如獲取td的行標(biāo)和列標(biāo)、判斷是否是回車按下、全選和反選等,需要的朋友可以參考下2015-01-01
一個(gè)用jquery寫的判斷div滾動(dòng)條到底部的方法【推薦】
下面小編就為大家?guī)?lái)一篇一個(gè)用jquery寫的判斷div滾動(dòng)條到底部的方法【推薦】。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考，一起跟隨小編過(guò)來(lái)看看吧2016-04-04
jQuery遍歷之next()、nextAll()方法使用實(shí)例
這篇文章主要介紹了jQuery遍歷之next()、nextAll()方法使用實(shí)例,本文先是給出了實(shí)例代碼,然后對(duì)代碼的作用分析和說(shuō)明,需要的朋友可以參考下2014-11-11
jquery下利用jsonp跨域訪問(wèn)實(shí)現(xiàn)方法
客戶端的跨域訪問(wèn)，可以通過(guò)jsonp方式來(lái)實(shí)現(xiàn)，jquery提供了跨域訪問(wèn)的方法，jQuery.ajax()支持get方式的跨域。當(dāng)然支持跨域還需要服務(wù)器端相應(yīng)的處理。2010-07-07
Jquery仿IGoogle實(shí)現(xiàn)可拖動(dòng)窗口示例代碼
這個(gè)拖動(dòng)窗口是根據(jù)一個(gè)Jquery的框架直接做出來(lái)的:easywidgets，廢話就不多說(shuō)了，直接把源代碼貼出來(lái)，讓大家學(xué)習(xí)2014-08-08
用Jquery實(shí)現(xiàn)滾動(dòng)新聞
此文主要用Jquery實(shí)現(xiàn)滾動(dòng)新聞,Jquery的強(qiáng)大功能，幾行代碼即可實(shí)現(xiàn)，需要的朋友可以參考下2014-02-02
jquery select操作的日期聯(lián)動(dòng)實(shí)現(xiàn)代碼
是很簡(jiǎn)單的代碼 不過(guò)我自己操作的時(shí)候才發(fā)現(xiàn)我自己還有很多不懂，要多實(shí)際應(yīng)用才發(fā)現(xiàn)問(wèn)題，哎~~2009-12-12
jQuery操作Select的Option上下移動(dòng)及移除添加等等
jQuery操作Select Option：向上移動(dòng)選中的option、向下移動(dòng)選中的option、移除選中的option、獲取所有的option值、添加option等等，下面有個(gè)不錯(cuò)的示例，感興趣的朋友不要錯(cuò)過(guò)2013-11-11
這篇文章主要介紹了jQuery日程管理控件glDatePicker用法,結(jié)合具體實(shí)例形式分析了jQuery控件glDatePicker的簡(jiǎn)單使用技巧與相關(guān)注意事項(xiàng),需要的朋友可以參考下2017-03-03