Extjs grid hidden 관련 질문드립니다.

Question

안녕하세요.Extjs view에서 grid item을 동적으로 hidden &#61;true, false하는 부분에서 문제가 있습니다 ㅠ아래 코드와 같이, 데스크탑 상태가 OFF일 경우, GRID를 hidden &#61;true, error xtextfield를 hidden&#61;false하고 싶습니다.item에 정적으로 hidden:true, false를 하면 view에 잘 적용되는데, 반면에, beforerender 내부에서me.items.items[0].config.items[5].items[0]me.items.items[0].config.items[5].items[1] 위와 같이 grid와 textfield item을 잘 가져옵니다.해당 부분에 var networkError&#61;me.items.items[0].config.items[5].items[0].hidden -> return truevar networkGrid&#61;me.items.items[0].config.items[5].items[0].hidden -> return false 이제 이 hidden값을 networkError&#61;false, networkGrid&#61;true로 데스크탑이 꺼졌을 경우 변경해줬습니다.근데, console에서는 hidden값이 변경되지만 지역변수?같은 특성때문인지 view에는 적용이 되지 않네요..어떻게 view에 적용할 수 있을까요??setHidden으로 해봣는데, function 지원을 하지 않는다고 하네요.. 답변주시면 감사하겠습니다. 코드는 아래와 같습니다. title:G11N.getMessage('Vmnetwork_drive_info'), layout:'fit', items:[ { xtype:'textfield', text:'error', hidden:true }, { xtype:'grid', store:networkDriveStore, hidden:false, listeners: { beforerender: function(){ var networkGrid&#61;me.items.items[0].config.items[5].items[1].hidden; var networkError&#61;me.items.items[0].config.items[5].items[0].hidden; networkGrid&#61;true; networkError&#61;false; var grid&#61;this; if(me.desktopStatus!&#61;null && me.desktopStatus!&#61;'Off'){ var nproxy&#61;networkDriveStore.getProxy(); nproxy.extraParams[&#34;userId&#34;]&#61;me.desktop.userId; nproxy.extraParams[&#34;desktopIp&#34;]&#61;me.desktop.desktopIpAddress; nproxy.extraParams[&#34;scope&#34;]&#61;'computer'; console.log(&#34;nproxy.extraParams[userId]&#61;&#34;,me.desktop.userId); console.log(&#34;nproxy.extraParams[desktopIp]&#61;&#34;,me.desktop.desktopIpAddress); // networkDriveStore.load(); networkDriveStore.load({ callback:function(records, response, operation){ if(response.success &#61;&#61; true){ } else if(response.success &#61;&#61; false){ networkGrid&#61;false; networkError&#61;true; // me.items.items[0].config.items[5].items[0].columns[0]&#61;Ext.JSON.decode(response._response.responseText).errormsg; Ext.Msg.alert(&#34;error&#34;,Ext.JSON.decode(response._response.responseText).errormsg); } } }); } else{ var task &#61; new Ext.util.DelayedTask(function() { Ext.Msg.alert('데스크탑 전원 OFF', '네트워크 드라이브에 연결할 수 없습니다.'); }); task.delay(2000); grid.hidden&#61;true; me.items.items[0].config.items[5].items } } }, columns:[{ dataIndex:'letter', header:G11N.getMessage('letter'), width:110, },{ dataIndex:'type', header:G11N.getMessage('type'), hidden:true },{ dataIndex:'maxSize', header:G11N.getMessage('maxSize'), hidden:true },{ dataIndex:'useSize', header:G11N.getMessage('useSize'), hidden:true },{ dataIndex:'perCent', header:G11N.getMessage('perCent'), hidden:true },{ dataIndex:'name', header:G11N.getMessage('name'), width: 500 }] }] },

아쉬운날들 · Accepted Answer

간단예시입니다. { xtype : 'grid', region : 'south', height : 300, listeners : { beforerender : function(comp){ let onoff &#61; comp.onoff; let columns &#61; comp.getColumns(); if(onoff) { // 첫번째 컬럼숨기기 console.log(columns); columns[0].setHidden(true); } else { // 두번째 컬럼숨기기 console.log(columns); columns[1].setHidden(true); } } }, onoff : false, store : { fields : ['a','b','c'], data : [{ a : 'test', b : 'test', c : 'test' },{ a : 'test', b : 'test', c : 'test' },{ a : 'test', b : 'test', c : 'test' }] }, columns : [{ text : 'a', flex : 1 },{ text : 'b', flex : 1 },{ text : 'c', flex : 1 }] }

j_dev_H · Answer

답변감사합니다! 혹시아래와 같이 패널이나 textfield를 만들고, 위에 accordion layout 안에 layout:'fit'에 넣고 싶을땐 어떻게 해야될까요? me.items&#61; [{ xtype: 'panel', layout: 'accordion', height: 700, defaults: { autoScroll: true, height: '100%' }, items: [{ title:G11N.getMessage('Vmnetwork_drive_info'), layout:'fit', items:[ { itemId:'p1', xtype:'textfield', text:'error', hidden:true }, { var panel&#61;Ext.create(&#34;Ext.Panel&#34;, { id:'errorPage', height:400, width:800, html:'Hello Ext Js', text:'abcde', renderTo:document.body, hidden:true });

아쉬운날들 · Answer

accordion 컴포넌트 는 보통 패널단위로 제작을 해주셔야 할텐데요scroll 이 생기게 하는것이 목적이시라면 아래와 같이 하시면 되겠습니다{ xtype : 'panel', height : 300, layout : 'accordion', defaults : { xtype : 'panel', scrollable : true }, items : [{ title : '타이틀1', items : [{ xtype : 'textfield' },{ xtype : 'textfield' },{ xtype : 'textfield' },{ xtype : 'textfield' },{ xtype : 'textfield' },{ xtype : 'textfield' },{ xtype : 'textfield' },{ xtype : 'textfield' },{ xtype : 'textfield' }] },{ title : '타이틀2', items : [{ xtype : 'textfield' }] },{ title : '타이틀3', items : [{ xtype : 'textfield' }] }] }

j_dev_H · Answer

답변감사합니다! 도움이 많이 됬네요!

Extjs grid hidden 관련 질문드립니다.

4개의 답변

#hidden 목록