2014-11-20 1 views
0

나는 내 양식에 treepicker가 있으며 상점에서 여러 항목을 선택해야합니다. 콤보 상자의 multiSelect:true처럼이 작업을 수행 할 수있는 방법이 있습니까?Extjs 다중 선택 treepicker

{ 
    xtype: 'treepicker', 
    store: groupStore, 
    autoScroll: true, 
    selectOnTab: true, 
    name: 'propertyPicker', 
    //multiSelect: true 
    displayField: 'text', 
    valueField: 'id', 
    queryMode: 'local', 
}, 

답변

1

설명서에서 TreePicker에 대한 옵션이 표시되지 않습니다. http://dev.sencha.com/deploy/ext-4.0.1/examples/tree/check-tree.html

ExtJS 4 Check Tree

링크 된 예는 체크 박스 등의 잎을 가지고 있지만 이렇게 모든 노드를 checked: false 또는 checked: true를 추가 : 다른 구성 요소를 사용 할 수있는 유연성이있는 경우

그러나, CheckTree 더 나은 귀하의 작업에 적합 할 수있다 체크 박스가 표시됩니다. 는 IS 다음 예제 JSON은 결과적으로 모든 노드

[{ 
    "text": "To Do", 
    "cls": "folder", 
    "expanded": true, 
    "checked": true, 
    "children": [{ 
    "text": "Climb Everest", 
    "leaf": true, 
    "checked": false 
    }, 
    ... 

에 대한 확인란을 보여줄 것이라는 TreePanel에 부착 된 상점에서 사용이 큰하지만 하나의 한계는 여전히 존재

TreePanel with all nodes as checkboxes

+0

. 콤보 항목을 확인하는 것뿐만 아니라 루트 노드를 선택해야합니다. 이 예에서는 식료품 목록과 할 일 노드를 선택하고 싶습니다. 이 문제를 해결할 방법이 있습니까? – sina

+0

네,이 TreePanel을 사용하여 리프가 아닌 노드에서도 확인란을 사용할 수 있습니다. 체크 박스 디스플레이는 상점의 항목이 "체크 된"속성인지 여부에 따라 달라집니다. 이 예제는 http://try.sencha.com/extjs/4.0.7/examples/tree/check-tree/viewer.html의 작동 방식을 좀 더 잘 보여줍니다. JSON 예제를 사용하여 답변을 업데이트하겠습니다. 모든 항목은 확인란을 표시합니다. –

+0

감사합니다 Lesley 이것은 내가 찾고있는 것입니다. – sina