$('#dg').datagrid({ url:'datagrid_data.json', columns:[[ {field:'code',title:'Code',width:100}, {field:'name',title:'Name',width:100}, {field:'price',title:'Price',width:100,align:'right'} ]] , //數據加載成功以后渲染 onLoadSuccess: function() { $.parser.parse(); } });
如果直接在field 的 formatter 中直接 return 一個linkbutton 按鈕,則無法顯示圖標,只有普通的 a 標簽,無法加載樣式,因為easyui 只在頁面加載時渲染標簽,因此在使用formatter格式化列數據后,動態添加的linkbutton樣式無法渲染樣式,需要在 datagrid 加載完后進行重新渲染,使用 onLoadSuccess 進行對 linkbutton渲染
方法一:
onLoadSuccess: function() { $.parser.parse(); }
方法二:
$('.classname').linkbutton({text:"test",plain:'true',iconCls:'icon-add'});
但是,重新渲染以后,表格會出現錯位的問題,那么就固定表格高度就可以解決,將下面的代碼放在渲染代碼之后即可,代碼如下:
$('#table-id').datagrid('fixRowHeight');