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ì)大家有所幫助,如果大家有任何疑問請(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一個(gè)用jquery寫的判斷div滾動(dòng)條到底部的方法【推薦】
下面小編就為大家?guī)硪黄粋€(gè)用jquery寫的判斷div滾動(dòng)條到底部的方法【推薦】。小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考,一起跟隨小編過來看看吧2016-04-04jQuery遍歷之next()、nextAll()方法使用實(shí)例
這篇文章主要介紹了jQuery遍歷之next()、nextAll()方法使用實(shí)例,本文先是給出了實(shí)例代碼,然后對(duì)代碼的作用分析和說明,需要的朋友可以參考下2014-11-11jquery下利用jsonp跨域訪問實(shí)現(xiàn)方法
客戶端的跨域訪問,可以通過jsonp方式來實(shí)現(xiàn),jquery提供了跨域訪問的方法,jQuery.ajax()支持get方式的跨域。當(dāng)然支持跨域還需要服務(wù)器端相應(yīng)的處理。2010-07-07Jquery仿IGoogle實(shí)現(xiàn)可拖動(dòng)窗口示例代碼
這個(gè)拖動(dòng)窗口是根據(jù)一個(gè)Jquery的框架直接做出來的:easywidgets,廢話就不多說了,直接把源代碼貼出來,讓大家學(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-02jquery select操作的日期聯(lián)動(dòng)實(shí)現(xiàn)代碼
是很簡(jiǎn)單的代碼 不過我自己操作的時(shí)候才發(fā)現(xiàn)我自己還有很多不懂,要多實(shí)際應(yīng)用才發(fā)現(xiàn)問題,哎~~2009-12-12jQuery操作Select的Option上下移動(dòng)及移除添加等等
jQuery操作Select Option:向上移動(dòng)選中的option、向下移動(dòng)選中的option、移除選中的option、獲取所有的option值、添加option等等,下面有個(gè)不錯(cuò)的示例,感興趣的朋友不要錯(cuò)過2013-11-11