2015-12-18 86 views
1

我正在使用jeasy ui數據網格。 HTML代碼如下。Jeasy UI Table Column Sort

<table class="easyui-datagrid table table-striped" title="" fit="true" toolbar="#tb" id="RiskRegisterGrid" 
        data-options="url:'/RiskRegister/GetAllByCurrentProject',fitColumns:true,singleSelect:true,idField:'Id'" > 
       <thead> 
        <tr> 

         <th data-options="field:'NameEn',width:200,sortable:true">@lblRiskRegister.Name</th> 
         <th data-options="field:'RCT_Name',width:200,sortable:true">Risk Catergory</th> 
         <th data-options="field:'OwnerName',width:200,sortable:true">Owner</th> 
         <th data-options="field:'PRB_Name',width:200,sortable:true">Probability</th> 
         <th data-options="field:'IMP_Name',width:200,sortable:true">Impact</th> 
         <th data-options="field:'Status',width:200,sortable:true">Status</th> 
         <th data-options="field:'CreatedBy',width:200,sortable:true">CreatedBy</th> 
         <th data-options="field:'CreatedDate',width:200" formatter="formatDate">CreatedDate</th> 
         <th data-options="field:'Id',width:200,hidden:false" formatter="editTemplate" align="center">@label.Actions</th> 
        </tr> 
       </thead> 
      </table> 

我需要將所有具有對列進行排序「排序:真」, 不幸的是我不能在網上找到任何解決方案。

任何人都可以幫忙嗎?

+1

http://jeasyui.com/demo/main/index.php?plugin=DataGrid – Runcorn

回答

0
<table class="easyui-datagrid table table-striped" title="" fit="true" toolbar="#tb" id="RiskRegisterGrid" 
        data-options="url:'/RiskRegister/GetAllByCurrentProject',fitColumns:true,singleSelect:true,idField:'Id',remoteSort:false,multiSort:true"> 
       <thead> 
        <tr> 

         <th data-options="field:'NameEn',width:200,sortable:true">@lblRiskRegister.Name</th> 
         <th data-options="field:'RCT_Name',width:200,sortable:true">@lblRiskRegister.RiskCatergory</th> 
         <th data-options="field:'OwnerName',width:200,sortable:true">@lblRiskRegister.Owner</th> 
         <th data-options="field:'PRB_Name',width:200,sortable:true">@lblRiskRegister.Probabilty</th> 
         <th data-options="field:'IMP_Name',width:200,sortable:true">@lblRiskRegister.Impact</th> 
         <th data-options="field:'Status',width:200,sortable:true">@lblRiskRegister.Status</th> 
         <th data-options="field:'CreatedBy',width:200,sortable:true">@lblRiskRegister.CreatedBy</th> 
         <th data-options="field:'CreatedDate',width:200" formatter="formatDate">@lblRiskRegister.CreatedDate</th> 
         <th data-options="field:'Id',width:200,hidden:false" formatter="editTemplate" align="center">@label.Actions</th> 
        </tr> 
       </thead> 
      </table> 

您應該將這兩個添加到數據選項中。那麼它的工作原理

remoteSort:false,multiSort:true 
相關問題