easyui datagrid 動態加載數據 渲染問題,表格錯位問題


$('#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');

 

 
        

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM