實例詳解EasyUI的DataGrid每行資料新增操作按鈕

easyui的datagrid每一列資料後邊都加上一個操作按鈕，要怎麼實現這個功能呢？下面小編為大家帶來了EasyUI的DataGrid每行資料新增操作按鈕的實作程式碼，需要的朋友參考下吧，希望能幫助大家。

其實要加一行自訂列很簡單，在js宣告datagrid的時候加上如下程式碼

{field:'operate',title:'操作',align:'center',width:$(this).width()*0.1, 
  formatter:function(value, row, index){ 
    var str = &#39;<a href="#" rel="external nofollow" name="opera" class="easyui-linkbutton" ></a>&#39;; 
    return str; 
}}

這行程式碼是在columns屬性下定義的，而且一定要加上這個代碼

onLoadSuccess:function(data){  
    $("a[name='opera']").linkbutton({text:'下订单',plain:true,iconCls:'icon-add'});  
},

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

最後效果如下

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

相關推薦：

EasyUi控制項中的Datagrid詳解

詳解EasyUI的DataGrid綁定Json資料來源方法

EasyUI之dataGrid的行內編輯

#

以上是實例詳解EasyUI的DataGrid每行資料新增操作按鈕的詳細內容。更多資訊請關注PHP中文網其他相關文章！