EasyUI的DataGrid每行數據添加操作按鈕的實現代碼

今天做項目的時候，想在easyui的datagrid每一列數據后邊都加上一個操作按鈕，一開始想在后臺拼接字符串用JSON傳回，但是我測試之后發(fā)現這個方法不管用，在網上搜索了一下，整理如下：

成都創(chuàng)新互聯堅持“要么做到，要么別承諾”的工作理念，服務領域包括：成都網站設計、網站建設、企業(yè)官網、英文網站、手機端網站、網站推廣等服務，滿足客戶于互聯網時代的水城網站設計、移動媒體設計的需求，幫助企業(yè)找到有效的互聯網解決方案。努力成為您成熟可靠的網絡建設合作伙伴！

其實要加一行自定義列很簡單，在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'});  
},

如果不加這個，那個操作列就不會出現按鈕的樣式，只是一個超鏈接，用linkbutton或者其他按鈕的可以根據需求改編

最后效果如下

EasyUI的DataGrid每行數據添加操作按鈕的實現代碼

之后可以對a標簽做onclick事件之類的，視情況而定

總結

以上所述是小編給大家介紹的EasyUI的DataGrid每行數據添加操作按鈕的實現代碼，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對創(chuàng)新互聯網站的支持！

本文題目：EasyUI的DataGrid每行數據添加操作按鈕的實現代碼
網站鏈接：http://www.muchs.cn/article34/iidipe.html

成都網站建設公司_創(chuàng)新互聯，為您提供Google、手機網站建設、品牌網站設計、ChatGPT、標簽優(yōu)化、響應式網站

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯

搜索引擎優(yōu)化