2015-11-27 38 views
1

我有一個Angularjs智能表,它爲每列設置了排序定義,即哪個方向。如何在角度智能表上設置默認排序順序?

我想要確保的是,每次頁面加載時,原始排序方向都會保留下來,理想情況下用變量進行控制。我注意到有一些分頁代碼,當我選擇頁面2時,排序順序有時會發生變化,因此您獲得的第二頁與第1頁無關。

如何保持對哪個列和方向的控制正在排序並保持該狀態?

<table st-table="displayedCollection" st-pipe="getModelRuns" st-sort="EXECUTIONPOOL" st-sort-default="reverse" st-safe-src="rowCollection" class="table table-condensed" ng-show="displayedCollection.length > 0"> 
    <thead> 
    <tr> 
     <th st-sort="NAME" st-skip-natural="true"><i ng-class="getSortIcon('JobName')"></i> <a data-ng-href="#" style="white-space: nowrap">Job Name</a></th> 
     <th st-sort="CLOUDJOBNAME" st-skip-natural="true"><i ng-class="getSortIcon('CloudJobName')"></i> <a data-ng-href="#" style="white-space: nowrap">Cloud Job Name</a></th> 
     <th st-sort="MODELVERSION" st-skip-natural="true"><i ng-class="getSortIcon('ModelVersion')"></i> <a href="#">Model Version</a></th> 
     <th st-sort="RUNSTATUS" st-skip-natural="true"><i ng-class="getSortIcon('Status')"></i> <a href="#">Status</a></th> 
     <th st-sort="REQUESTEDAT" st-skip-natural="true" st-sort-default="reverse"><i ng-class="getSortIcon('Requested')"></i> <a href="#">Requested At</a></th> 
     <th st-sort="STARTEDAT" st-skip-natural="true" st-sort-default="reverse"><i ng-class="getSortIcon('Started')"></i> <a href="#">Started At</a></th> 
     <th st-sort="FINISHEDAT" st-skip-natural="true" st-sort-default="reverse"><i ng-class="getSortIcon('Finished')"></i> <a href="#">Finished At</a></th> 
     <th st-sort="REQUESTEDBY" st-skip-natural="true"><i ng-class="getSortIcon('RequestedBy')"></i> <a href="#">Requested By</a></th> 
     <th st-sort="EXECUTIONPOOL" st-skip-natural="true"><i ng-class="getSortIcon('ExecutionPool')"></i> <a href="#">Executed on Pool</a></th> 
     <th /> 
    </tr> 
    </thead> 
</table> 

回答

3

我想你問的默認升序排序表,你可以設置像

 st-sort-default="true"

,但你可能已經在你相反的順序設置反向所以它。

相關問題