Sắp xếp một cột dựa trên một cột khác trong lưới ExtJs 4.1

Question

Tôi đang sử dụng khung công tác ExtJs 4.1. Tôi có một lưới chỉ hiển thị một cột (Tên). Lưới được liên kết với một cửa hàng có hai trường (Tên và SortOrder). Trường "tên" trong cửa hàng được liên kết với cột Tên của lưới. Tôi muốn sắp xếp cột tên dựa trên giá trị có sẵn trong trường SortOrder trong cửa hàng. Làm thế nào tôi có thể thực hiện logic như vậy.

Cảm ơn bạn

Answer 1

Bạn có nghĩa là một cái gì đó như thế này:

... 
columns: [{ 
    header: 'Name', 
    dataIndex: 'Name', 
    sortable: true, 
    doSort: function(state){ 
     var ds = this.up('tablepanel').store; 
     ds.sort({ 
      property: 'SortOrder', 
      direction: state 
     }); 
    } 
    ....  
}] 

Answer 2

Ngoài ra còn có giải pháp một chút đơn giản hơn:

 
... 
columns: [{ 
    header: 'Name', 
    dataIndex: 'Name', 
    sortable: true, 
    getSortParam: function() { 
     return 'SortOrder'; 
    } 
... 
}] 
... 

Vì vậy, thay vì trọng doSort(), bạn có thể chỉ ghi đè phương thức getSortParam() (được sử dụng bởi doSort()).

Answer 3

Một cách khác để thực hiện điều đó khi nhấp vào Tiêu đề.

columns: [ 
    { 
     header: 'Name', 
     dataIndex: 'Name', 
     listeners: { 
      headerclick: function() { 
       var store = this.up('grid').getStore(); 
       store.sort({ 
         property: 'SortOrder', 
         direction: this.sortState 
        }); 
      } 
     } 
    } 
]