Ordenando una columna basada en otra columna en la cuadrícula ExtJs 4.1

Question

Estoy utilizando el marco ExtJs 4.1. Tengo una grilla que muestra solo una columna (Nombre). La grilla está asociada a una tienda que tiene dos campos (Nombre y SortOrder). El campo "nombre" en la tienda está asociado con la columna Nombre de la cuadrícula. Quiero ordenar la columna de nombre según el valor disponible en el campo SortOrder en la tienda. ¿Cómo puedo implementar tal lógica?

Gracias

Answer 1

¿Quiere decir algo como esto:

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

Answer 2

También hay solución un poco más simple:

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

Así que en lugar de anular doSort() puede simplemente anulación Método getSortParam() (que es utilizado por doSort()).

Answer 3

Otra forma de hacerlo en el Encabezado haga clic.

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