의 ExtJS 그리드 필터

Question

는 정의 Store있다 서버에서로드 된 모든 작업 (정렬, 필터링)은 로컬에서 수행됩니다. 열에 표시된 모든 값은 고정 된 값의 집합이므로 필터 유형은 list입니다. 저장소 (myStore)의 값에서 필터를 자동으로 생성 할 수 있습니까?

---

제안 된 해결 :

columns: [{ 
    dataIndex: 'name', 
    text: 'Name', 
    filter: { 
     type: 'string' 
    } 
}, { 
    dataIndex: 'client', 
    text: 'Client', 
    filter: { 
     type: 'list' // caused the filtering to be disabled 
    }   
}, { 
    dataIndex: 'domain', 
    text: 'Domain' 
}] 

Answer 1

그래서 myStore이 저장소를 제공? 그렇다면, 여기에이 방법을 추가

,getUniqueValues:function(field) { 
    var me = this 
     ,results = {} 
    ; 

    me.each(function(record){ 
     var value = record.get(field); 
     results[value] = {}; 
     results[value][field] = value; 
    }); 

    return Ext.Object.getValues(results); 
} // eo function getUniqueValues 

지금, (가 원격 인 경우) myStore로드 이벤트를 수신하고의 고유 한 값을 원하는 필드 이름을 전달 리스너에 getUniqueValues를 호출합니다. 고유 한 값 배열을 가짐으로써 원하는대로 할 수 있습니다 (예 : 콤보로로드, 격자 필터 목록으로 사용 등

물론 메서드 자체를 변경하여 반환 된 데이터의 형식을 수정할 수 있습니다.

Answer 2

귀하의 질문이 조금 애매 특히 당신이 그리드의 저장소로 myStore을 언급하고 있지만 그리드 코드에서 다시 다음 store 등을 사용하고 이후 optionStore이 있는데, 어디에도 정의되어 있지는 않습니다 (ExtJS 예제에서 가져온 것 같습니다).

어쨌든 귀하의 질문을 정확하게 이해하면 ListFilter을 그리드의 데이터를 기반으로 자동으로 채우려는 것이 좋습니다. options 또는 store 구성 속성의 설명서를 참조

:

하면 상점이나 옵션을 모두 지정 후 선택 목록이 자동으로 지정된 dataIndex 필드의 모든 고유 값에서 채워 입니다 필터 호출을 처음 저장할 때.

이 원하는 결과를 달성하기 위해 이러한 속성을 생략하기에 충분해야합니다

columns: [{ 
    dataIndex: 'option', 
    text: 'Option', 
    filter: { 
     type: 'list' 
     // omit 'options' and 'store' configuration 
    } 
}] 

편집 : 그리드 오른쪽의 fiddle