Question

我正在使用一个jeasy ui数据网格。 Html代码如下。

<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>

我需要对所有具有'sortable：true'的列进行排序，不幸的是，我无法在网上找到任何解决方案。

可以帮助任何人吗？

Answer 1

<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

Jeasy UI表列排序

1 个答案: