ExtJS에서 머리글을 클릭 할 때 눈금에서 날짜 열을 정렬하십시오.

Question

내 페이지에 격자가있는 열이 있습니다. 헤더를 클릭하면 예상대로 정렬되지 않습니다. 보여주는 행 "오름차순" 주문 결과에

{ 
    id: 'dateOfBirth', 
    header: 'DOB', 
    flex: 1, 
    sortable: true, 
    dataIndex: 'dateOfBirth', 
    filterable: true, 
    filter: { 
     type: 'date', 
     dateFormat : 'd-M-Y' 
    } 
} 

내 데이터 :

01-jan-1990 
12-jan-1990 
01-feb-1990 
02-mar-1990 

:

01-jan-1990 
01-feb-1990 
12-jan-1990 <-- wrong 
02-mar-1990 

을 내가 볼 것으로 예상하는 반면 ... 다음과 같이 내 설정이다

누구나 올바른 방향으로 나를 가리킬 수 있습니까?

Answer 1

그것은 귀하의 질문에서 말씀 조금 어렵다하지만 당신은 다른 구성 요소에서 속성을 혼합 것 같습니다 - 난 당신의 설정 오브젝트 그리드에 대한 열입니다 있으리라 믿고있어하지만 dateFormat 속성은에 속하는 모델 및 filters은 매장에 존재할 수 있지만 그 목적을 오해 한 것 같습니다. 먼저 날짜를 확인

예를 들어, 정확하게 모델링 :

둘째

Ext.define('MyModel', { 
    extend: 'Ext.data.Model', 
    fields: [ 
     { name: 'dateOfBirth', type: 'date', dateFormat: 'd-M-Y' } 
    ] 
}); 

당신이 당신의 격자 구성에서 datecolumn 유형을 사용하고 있는지 확인 :

Ext.create('Ext.grid.Panel', { 
    // ... 
    store: Ext.create('Ext.data.Store', { 
     model: 'MyModel', 
     data: [ 
      // ... 
     ], 
    }), 
    columns: [{ 
     header: 'DOB', 
     flex: 1, 
     sortable: true, 
     dataIndex: 'dateOfBirth', 
     xtype: 'datecolumn', 
     format: 'd-M-Y' 
    }] 
}); 

» fiddle