easyUI的datagrid每行數據添加操作按鈕的方法

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

其實要加一行自定義列很簡單，在js聲明datagrid的時候加上如下代碼

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

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

 

 

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

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

 

最后效果如下

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