`

Extjs GridPanle列动态隐藏

阅读更多
Ext.onReady(function() {
/*****************/
	var currentWeek=0;
	  Ext.Ajax.request({
				url : './dept/getCurrentWeek.do',
				params : '',
				method : 'POST',
				async: false,
				success : function(response, options) {
					currentWeek = response.responseText;
				},
				failure : function() {
					Ext.Msg.alert("提示信息", "按钮加载失败,请稍后重试!");
				}
			});
ajax同步,需要增加扩展类,
下一步,根据当前的currentWeek,确定哪些列需要显示.
			var ObtainPhoneType = Ext.data.Record.create(['id', 'w20', 'w21', 'w22', 'w23']);

			var initObtainPhoneType = {};

			var obtain_phone_type_columns = [
					{
						header		: "ID编号",
						align		: 'center',
						width		: 80,
						sortable	: false,
						dataIndex	: 'id'
					},
					{
						header		: "W20",
						align		: 'center',
						width		: 80,
						sortable	: false,
						dataIndex	: 'w20',
						hidden:true
					},
					{
						header		: "W21",
						align		: 'center',
						width		: 80,
						sortable	: false,
						dataIndex	: 'w21',
						hidden:false
					},
					{
						header		: "W22",
						align		: 'center',
						width		: 80,
						sortable	: false,
						dataIndex	: 'w22',
						hidden:true
					},
					{
						header		: "W23",
						align		: 'center',
						width		: 80,
						sortable	: false,
						dataIndex	: 'w23',
						hidden:true
					}						
					];
			var obtain_phone_type_api = {
				read	: '',
				update	: '',
				create	: '',
				destroy	: ''
			}
			try{
			// create grid
			var obtain_phone_type_grid = new Fee.grid.EditBaseGridPanel(obtain_phone_type_api, ObtainPhoneType,
					initObtainPhoneType, obtain_phone_type_columns, 'id', {
						limit		: 32,
						addBtn		: false,
						autoSave	: false
					});
					//currentWeek=parseInt(currentWeek);
					var count=1;
					if(...){
						obtain_phone_type_grid.colModel.setHidden(1,false);//隐藏第2列,下标有0 开始,1为index计数.非dataIndex
						obtain_phone_type_grid.colModel.setHidden(2,false);//
					}
			// render to DIV
			obtain_phone_type_grid.render('obtain_phone_type');
			}catch(e){alert(e);}
		});
/*****************/
分享到:
评论

相关推荐

    Extjs4.0 列隐藏和滚动条动态加载

    在ExtJS 4.0中,表格面板允许用户动态隐藏或显示列,以适应不同的视图需求。这可以通过设置列模型(Column Model)中的`hidden`属性来实现。例如,你可以创建一个列配置对象,其中包含一个`hidden`参数来定义列是否...

    ExtJS锁定列头源码

    ExtJS锁定列头源码 ExtJS锁定列头源码

    Extjs动态Grid的生成 htm

    Extjs动态Grid的生成 htm

    ExtJS3.2列布局

    "ExtJS3.2列布局"是这个框架中的一个重要概念,尤其在处理form表单时非常实用。 列布局(Column Layout)是ExtJS的一种布局策略,它允许你在同一行内创建多个并排显示的区域,每个区域可以包含不同的组件,如文本框...

    extjs 实现动态表头

    动态表头是ExtJS中一个高级特性,它允许开发者根据需要在运行时动态地创建和修改表格的列结构。这在处理数据展示和操作时具有很大的灵活性,尤其在数据字段不确定或需要自定义的情况下非常实用。 标题“extjs 实现...

    extjs 动态表格完整版

    4. **列动态添加和移除**:在运行时,可以使用`addColumn`和`removeColumn`方法动态添加或移除列,适应不同场景的需求。 5. **表格编辑**:ExtJS提供两种编辑模式,行编辑和单元格编辑。`Ext.grid.plugin....

    ExtJs动态grid的生成

    我们首先从标题"ExtJs动态grid的生成"开始,了解动态生成Grid的基本概念和实现方法。 动态生成Grid意味着在运行时根据需求创建和更新Grid组件,而不是在应用初始化时静态定义。这种灵活性允许开发者更好地响应数据...

    Extjs中的GridPanel隐藏列会显示在menuDisabled中解决方法

    如题目所述,当隐藏列出现在`menuDisabled`中时,这通常是因为ExtJS的默认配置。解决这个问题的方法是在列定义中添加一个名为`hideable`的属性,并将其设置为`false`。这样,即使列被隐藏,也不会在列菜单中出现。...

    extjs动态生成表格,前台+后台

    在本文中,我们将深入探讨如何使用ExtJS框架在前端动态生成表格,并结合后端数据进行展示。ExtJS是一个强大的JavaScript库,专用于构建富客户端Web应用程序,尤其在创建交互式用户界面方面表现突出。动态生成表格是...

    Extjs动态GRID

    在EXTJS中,动态GRID指的是可以实时调整列宽、列数甚至列结构的网格视图,以适应不同的数据需求和用户界面变化。 1. 动态列创建与删除: EXTJS的Grid Panel支持在运行时动态添加或移除列。这可以通过调用`columns....

    extjs实现动态树

    Accordion布局是ExtJS中的布局类型之一,允许在一个容器内多列垂直堆叠,每次只有一个面板展开。在动态树中,可以将树节点与Accordion布局关联,当点击节点时,对应的Accordion面板展开显示详细信息。 六、优化与...

    ExtJs 动态添加表单

    在"动态添加表单"这个主题中,我们将深入探讨如何在ExtJS中实现表单的动态创建和管理。 首先,我们要理解表单(Form)在ExtJS中的基本概念。表单是数据输入和验证的核心组件,可以包含各种字段类型,如文本框、下拉...

    ExtJS4如何自动生成控制grid的列显示、隐藏的checkbox

    在使用ExtJS4开发一个grid的时候,经常会遇到需要对grid的列进行动态的显示和隐藏操作,以适应不同的显示需求。ExtJS4中的gridpanel组件提供了一些内置的方法来控制列的可见性,但有时候需要一个更直观的方式来实现...

    extjs desktop相关 动态生成开始菜单 多级菜单的快捷方式

    标题中的“ExtJS Desktop相关 动态生成开始菜单 多级菜单的快捷方式”涉及到的是一个使用ExtJS框架实现的桌面应用模拟系统,它能够创建类似Windows操作系统的开始菜单,并支持多级菜单结构来快速访问应用程序或功能...

    extjs 数据导出到Excel,数据列自选

    EXTJS Grid的列可以通过配置进行隐藏或显示,用户可以通过交互式菜单或者按钮来控制。在实现时,可能需要监听列的显示/隐藏事件,更新一个列选择列表,然后在导出时参考这个列表。 “中文不会有乱码问题”意味着在...

    ExtJS grid过滤操作

    本篇将深入探讨ExtJS Grid的过滤操作,以及如何动态地对本地store进行筛选。 1. **Grid过滤基础** - **Filter Model**:ExtJS Grid中的过滤功能基于Filter Model。每个列都可以有自己的过滤器,用户可以根据需要...

    extjs form textfield的隐藏方法

    ExtJS也提供了相应的方法来实现这些动态操作,比如可以通过组件的hide()和show()方法来控制字段的显示和隐藏。 隐藏字段除了在界面上提供更好的用户体验外,还能够帮助我们在表单提交时避免不必要的数据传输和验证...

    EXTJS_GridPanel_ColumnModel_列的宽度随数据变化而变化

    在EXTJS中,ColumnModel是用来定义GridPanel列结构和行为的关键部分。这篇博客"EXTJS_GridPanel_ColumnModel_列的宽度随数据变化而变化"探讨了如何使GridPanel的列宽根据数据内容自动调整,以确保最佳的用户界面体验...

    ExtJs Google Suggest 动态查询效果

    在本示例中,"ExtJs Google Suggest 动态查询效果" 是一个利用ExtJs实现的功能,它模仿了谷歌搜索框的自动建议功能。当你在搜索框中输入文字时,下拉列表会实时更新,显示与输入内容匹配的建议项。 首先,我们要...

    extjs动态添加tabpanel标签页支持pannel嵌入

    extjs动态添加tabpanel标签页支持pannel嵌入 逻辑代码在 MyWindow.js里面直接调用 方法 就可以

Global site tag (gtag.js) - Google Analytics