easyui的datagrid每一列資料後邊都加上一個操作按鈕,要怎麼實現這個功能呢?下面小編為大家帶來了EasyUI的DataGrid每行資料新增操作按鈕的實作程式碼,需要的朋友參考下吧,希望能幫助大家。
其實要加一行自訂列很簡單,在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或者其他按鈕的可以根據需求改編
最後效果如下
之後可以對a標籤做onclick事件之類的,視情況而定
相關推薦:
#以上是實例詳解EasyUI的DataGrid每行資料新增操作按鈕的詳細內容。更多資訊請關注PHP中文網其他相關文章!