ExtJs 4.x 학습 소기: Ext.grid.Panel loading 표시 금지...

1624 단어 ExtJs
Ext.grid.패널은 store를 통해 데이터를 불러올 때 기본적으로loading...의 힌트는 어떻게 숨기는지 다음 방법을 통해 실현할 수 있다.
첫째, 패널을 만든 후 패널의view의loadMask 속성을 설정합니다
 fileGridPanel.view.loadMask = false;
 var fileGridPanel = Ext.create('Ext.grid.Panel',{
 	id:'filegrid',
 	layout:'fit',
 	store:store,
 	autoExpandColumn:true,
 	columns:[
 		{text:' ',dataIndex:'filecode',width:80},
 		{text:' ',dataIndex:'filename',flex:1},
 		{text:' ',dataIndex:'fileext',hidden:true},
 		{text:' ',xtype:'actioncolumn',width:80,
 			items:[{
 			iconCls:'delicon',
 			tooltip:' ',
 			handler: deleteGridRecord
 			},
 			{
 			iconCls:'saveicon',
 			tooltip:' ',
 			handler: downloadFileInGrid
 			},
 			{
 			iconCls:'editicon',
 			tooltip:' ',
 			handler: function(grid, rowIndex, colIndex){
 				var rec = grid.getStore().getAt(rowIndex);
 				setFileInfo(OPERATION_EDIT,rec);
 			}
 			}]
 		}],
 	dockedItems:[{
 		xtype:'toolbar',
 		dock:'top',
 		items:[searchbar]
 	},{
 		xtype:'toolbar',
 		dock:'top', 		
 		items:[funcbar]}],
 	bbar:Ext.create('Ext.PagingToolbar',{
 		store:store,
 		displayInfo:true,
 		displayMsg:' {0}-{1} , {2} ',
 		emptyMsg:' '
 	})
 });
 fileGridPanel.view.loadMask = false;

둘째, viewConfig 사용
 var fileGridPanel = Ext.create('Ext.grid.Panel',{
 	id:'filegrid',
 	layout:'fit',
 	store:store,
 	autoExpandColumn:true,
 	viewConfig:{
 		loadMask:false
 	},

좋은 웹페이지 즐겨찾기