ExtJS를 사용하여 그리드의 하위 열을 동적으로 숨기는 방법 4

그리드로드시 그리드의 특정 열을 숨겨야합니다. 즉, 하위 열. 심지어 숨겨진 것을 사용합니다. 사실 또한 작동하지 않습니다.ExtJS를 사용하여 그리드의 하위 열을 동적으로 숨기는 방법 4

Ext.apply(this, { 
      store: App.mcmTaskStore, 
      columnLines: true, 
      columns: [ 
       { header: 'P', sortable: false, width: 25, dataIndex: 'Priority', renderer: priorityRenderer }, //false because it's H M L and it sorts alphabetically 
       { header: 'START', sortable: true, width: 100, dataIndex: 'StartDateFormatted', hidden: true, renderer: this.mcmCustomRenderer}, 
       { 
        header: 'Incoming Flights', 
        columns: [ 
         { header: 'FLT', sortable: true, width: 80, dataIndex: 'IncomingFlightNumber', renderer: this.mcmCustomRenderer }, 
         { header: 'ETA', sortable: true, width: 120, dataIndex: 'IncomingFlightEta', renderer: startDateCustomRenderer }, 
         { header: 'CTY', sortable: true, width: 60, dataIndex: 'IncomingFlightStation', renderer: this.mcmCustomRenderer }, 
         { header: 'GT', sortable: true, width: 50, dataIndex: 'IncomingFlightGate', hidden: true, renderer: this.mcmCustomRenderer} 
        ] 
       }, 
       { header: 'END', sortable: true, width: 100, dataIndex: 'EndDateFormatted', hiddden: true, renderer: this.mcmCustomRenderer}, 
       { 
        text: 'Outgoing Flights', 
        columns: [ 
         { header: 'FLT', sortable: true, width: 80, dataIndex: 'OutgoingFlightNumber', renderer: this.mcmCustomRenderer }, 
         { header: 'ETD', sortable: true, width: 120, dataIndex: 'OutgoingFlightEtd', renderer: endDateCustomRenderer }, 
         { header: 'CTY', sortable: true, width: 60, dataIndex: 'OutgoingFlightStation', renderer: this.mcmCustomRenderer }, 
         { header: 'GT', sortable: true, width: 50, dataIndex: 'OutgoingFlightGate', hiddden: true, renderer: this.mcmCustomRenderer} 
        ] 
       }, 
       { header: 'PAX NAME', sortable: true, width: 250, dataIndex: 'Name', renderer: this.mcmCustomRenderer }, 
       { header: 'COMMENTS', sortable: false, flex: 1, dataIndex: 'Notes', hiddden: true, renderer: this.mcmCustomRenderer}, 
       { header: 'AGENT NAME', sortable: true, width: 250, dataIndex: 'AgentName', renderer: this.mcmCustomRenderer }, 
       { header: 'TASK TYPE', sortable: true, width: 120, dataIndex: 'TaskType', renderer: this.mcmCustomRenderer } 
      ], 
      tbar: mcmTbar 
     });

도와주세요. 미리 감사드립니다.

출처

2014-01-10 Suresh

'hiddden'를 3'd '와 함께 작성했습니다. 나는 그것이 작동하지 않는 곳이라고 확신합니다.

출처

2014-01-10 09:46:24 rixo

죄송합니다 .. 적절한 숨김을 사용하는 경우 true : 작동하지 않습니다. u로 바꿔주세요. – Suresh

보세요, [그냥 작동합니다] (https://fiddle.sencha.com/#fiddle/2i8). 그리고 그것으로 아주 잘; Ext의 개발자가 유스 케이스를 분명히 다루었습니다. 당신은 코드에서 펑키 한 무언가를 가져야 만하지만, 무엇을해야할까요? 실행중인 모든 것을 보지 않고 말하기 힘든 ... – rixo

나중에 잘 작동합니다. 그러나 Ed spenser의 그리드 프린터를 사용하여 그리드를 인쇄 할 수 있습니다. 그것은 자식 열을 표시합니다 – Suresh

ExtJS를 사용하여 그리드의 하위 열을 동적으로 숨기는 방법 4

답변

관련 문제