溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
今天做項目的時候，想在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標簽做onclick事件之類的，視情況而定
總結(jié)
以上所述是小編給大家介紹的EasyUI的DataGrid每行數(shù)據(jù)添加操作按鈕的實現(xiàn)代碼，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對億速云網(wǎng)站的支持！
免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
