Ext grid columns隐藏列

2024-05-20 00:10:32

获取列对象 grid.getHeaderAtIndex(columnIndex)；
获取类的dataIndex,text
var fieldName = grid.getHeaderAtIndex(columnIndex-2).dataIndex;
var fieldText = grid.getHeaderAtIndex(columnIndex-2).text;

var grid=Ext.create('Ext.grid.Panel',{
id:'grid',
region:'center',
width:1760,
height:570,
store:vstore,
autoScroll:true,
//'CONSUMAGE','MAT_NAME','MAT_NO','NOWKC','PLANTCODE','PLANTNAME','PLANT_NUM','PLAN_NUM','PRICE','SUMKC','SUMNUMB','YEARJFIVE','YEARJFOUR','YEARJONE','YEARJTHREE','YEARJTWO','YEARNOWJ'
columns:[{header:'物资编码',text:'a',dataIndex:'MAT_NO',sortable:true,align:'center',width:'114'},
{header:'物资名称',text:'b',dataIndex:'MAT_NAME',sortable:true,align:'center',width:'75'},
{header:'所属厂矿',text:'c',dataIndex:'PLANTNAME',sortable:true,align:'center',width:'75'},
]});
Ext.getCmp('grid').columns[3].hide(false);
-----------------------------------------------
var grid=Ext.create('Ext.grid.Panel',{
id:'grid',
region:'center',
width:1760,
height:570,
store:vstore,
autoScroll:true,
//'CONSUMAGE','MAT_NAME','MAT_NO','NOWKC','PLANTCODE','PLANTNAME','PLANT_NUM','PLAN_NUM','PRICE','SUMKC','SUMNUMB','YEARJFIVE','YEARJFOUR','YEARJONE','YEARJTHREE','YEARJTWO','YEARNOWJ'
columns:[{header:'物资编码',text:'a',dataIndex:'MAT_NO',sortable:true,align:'center',width:'114'},
{header:'物资名称',text:'b',dataIndex:'MAT_NAME',sortable:true,align:'center',width:'75'},
{header:'所属厂矿',text:'c',dataIndex:'PLANTNAME',sortable:true,align:'center',width:'75'},
{header:'厂矿',columns:[
{header:sysYear-5+'年',text:'d',width:'60',sortable:true, dataInder:'YEARJFIVE',align:'center',hidden:true},//设置hidden可隐藏该列
{header:sysYear-4+'年',text:'e',width:'60',sortable:true, dataInder:'YEARJFOUR',align:'center'},
{header:sysYear-3+'年',text:'f',width:'60',sortable:true, dataInder:'YEARJTHREE',align:'center'},
{header:sysYear-2+'年',text:'g',width:'60',sortable:true, dataInder:'YEARJTWO',align:'center'},
{header:sysYear-1+'年',text:'h',width:'60',sortable:true, dataInder:'YEARJONE',align:'center'},
{header:sysYear+'年',text:'i',width:'60',sortable:true, dataInder:'YEARNOWJ',align:'center'},
{header:'年计划数量',text:'j',width:'80',sortable:true, dataInder:'PLANT_NUM',align:'center'},
{header:'当前库存',text:'k',width:'80',sortable:true, dataInder:'NOWKC',align:'center'},
{header:'消耗平均信息',text:'l',width:'85',sortable:true, dtaInder:'CONSUMAGE',align:'center' },
{header:'审核后数量',text:'m',width:'80',sortable:true, dataInder:0,align:'center'}
]},
{header:'合计',columns:[{header:'总库存（所有厂矿）',text:'n',width:'115',sortable:true, dataInder:'SUMKC',align:'center'},
{header:'2018年计划合计',text:'o',width:'105',sortable:true, dataInder:'PLAN_NUM',align:'center'},
{header:'当前库存合计',text:'p',width:'90',sortable:true, dataInder:'SUMKC',align:'center'},
{header:'审核后数量合计',text:'q',width:'100',sortable:true, dataInder:0,align:'center'},
{header:'计划金额合计',text:'r',width:'90',sortable:true, dataInder:'PRICE',align:'center'},
{header:'审核后金额合计',text:'s',width:'100',sortable:true, dataInder:0,align:'center'}
]}
]
});
隐藏列：
//Ext.getCmp('grid').columns[3].gridDataColumns[0].hide(true);
Ext.getCmp('grid').columns[3].items.items[0]
if (Ext.getStore('vstore').sum('YEARJFIVE')=="0"){Ext.getCmp('grid').columns[3].items.items[0].hide(true)};
if (Ext.getStore('vstore').sum('YEARJFOUR')=="0"){Ext.getCmp('grid').columns[3].items.items[1].hide(true)};
if (Ext.getStore('vstore').sum('YEARJTHREE')=="0"){Ext.getCmp('grid').columns[3].items.items[2].hide(true)};
if (Ext.getStore('vstore').sum('YEARJTWO')=="0"){Ext.getCmp('grid').columns[3].items.items[3].hide(true)};
if (Ext.getStore('vstore').sum('YEARJONE')=="0"){Ext.getCmp('grid').columns[3].items.items[4].hide(true)};
if (Ext.getStore('vstore').sum('YEARNOWJ')=="0"){Ext.getCmp('grid').columns[3].items.items[5].hide(true)};

Ext grid columns隐藏列相关推荐

Ext.grid.ColumnModel
http://szz0429-126-com.iteye.com/blog/978195 http://www.studyofnet.com/news/136.html (非原创) 2.如何在表格中添 ...
Ant Design Table columns 参数配置隐藏列方法
Ant Design Table columns 参数配置隐藏列方法 const columns = [{title: '姓名',dataIndex: 'name',key: 'name',// 隐藏 ...
Ext.grid.ColumnModel列宽度自动填满grid宽度
var grid = new Ext.grid.GridPanel({ renderTo : Ext.getBody(), ds : store, cm : cm, ...
第12章[12.2] Ext JS可编辑列Grid的全场景开发
基本功能描述与实现在Grid中,对一列或某几列批量编辑.编辑效果如下图: 功能实现的思路如下: 可编辑的列使用 widgetcolumn 类型.调用Grid的reconfigure()方法,重新生成 ...
[转]Ext Grid控件的配置与方法
http://www.blogjava.net/wangdetian168/archive/2011/04/12/348651.html 1.Ext.grid.GridPanel 主要配置项: sto ...
使用Ext.grid.Panel生成表格
使用Ext.grid.Panel生成表格 Ext.grid.Panel继承了Ext.panel.Panel,因此它的很多地方都类似于Ext.panel.Panel,但定义Ext.grid.Panel时 ...
ext+dwr DynamicGridPanel 封装态创建ext grid
封装一个动态grid 继承Ext.grid.GridPanel 1.一般只需定义gridcolumns属性即可动态生成grid ,支持各列renderer自定义, 支持store自定义. 其中默认的s ...
Ext.grid.ColumnModel基本设置（转自网易博客itworkto）
Ext.grid.ColumnModel 该类用于定义表格的列模型,其配置项是一个由"列定义"组成的数组,还可以是JSON组成的对象.其中也定义很多操作列的属性.方法比 ...
ExtJs之Ext.grid.GridPanel（部分未完）
今天在家休息,年假不用就作费啊. 看了几部香港老电影,陪爸爸看了勇士占奇才, 然后,测试了一下EXTJS未完的内容, 在京东上订了七本历史普及书,近两百块..:) 搞定. ? 1 2 3 4 5 6 ...

最新文章

热门文章