easyUI datagrid每行數據添加操作按鈕的方法（實現方式二）

2文章轉自：http://blog.csdn.net/zw0283/article/details/45867125

今天做項目的時候，想在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事件之類的，視情況而定

注：注意兩種實現方式的區別，單從效果來看，這種實現是按鈕效果，實現方式一則是鏈接，但方式一可以修飾成按鈕。