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);}
});
/*****************/
分享到:
相关推荐
在ExtJS 4.0中,表格面板允许用户动态隐藏或显示列,以适应不同的视图需求。这可以通过设置列模型(Column Model)中的`hidden`属性来实现。例如,你可以创建一个列配置对象,其中包含一个`hidden`参数来定义列是否...
ExtJS锁定列头源码 ExtJS锁定列头源码
Extjs动态Grid的生成 htm
"ExtJS3.2列布局"是这个框架中的一个重要概念,尤其在处理form表单时非常实用。 列布局(Column Layout)是ExtJS的一种布局策略,它允许你在同一行内创建多个并排显示的区域,每个区域可以包含不同的组件,如文本框...
动态表头是ExtJS中一个高级特性,它允许开发者根据需要在运行时动态地创建和修改表格的列结构。这在处理数据展示和操作时具有很大的灵活性,尤其在数据字段不确定或需要自定义的情况下非常实用。 标题“extjs 实现...
4. **列动态添加和移除**:在运行时,可以使用`addColumn`和`removeColumn`方法动态添加或移除列,适应不同场景的需求。 5. **表格编辑**:ExtJS提供两种编辑模式,行编辑和单元格编辑。`Ext.grid.plugin....
我们首先从标题"ExtJs动态grid的生成"开始,了解动态生成Grid的基本概念和实现方法。 动态生成Grid意味着在运行时根据需求创建和更新Grid组件,而不是在应用初始化时静态定义。这种灵活性允许开发者更好地响应数据...
在本文中,我们将深入探讨如何使用ExtJS框架在前端动态生成表格,并结合后端数据进行展示。ExtJS是一个强大的JavaScript库,专用于构建富客户端Web应用程序,尤其在创建交互式用户界面方面表现突出。动态生成表格是...
如题目所述,当隐藏列出现在`menuDisabled`中时,这通常是因为ExtJS的默认配置。解决这个问题的方法是在列定义中添加一个名为`hideable`的属性,并将其设置为`false`。这样,即使列被隐藏,也不会在列菜单中出现。...
在"动态添加表单"这个主题中,我们将深入探讨如何在ExtJS中实现表单的动态创建和管理。 首先,我们要理解表单(Form)在ExtJS中的基本概念。表单是数据输入和验证的核心组件,可以包含各种字段类型,如文本框、下拉...
在EXTJS中,动态GRID指的是可以实时调整列宽、列数甚至列结构的网格视图,以适应不同的数据需求和用户界面变化。 1. 动态列创建与删除: EXTJS的Grid Panel支持在运行时动态添加或移除列。这可以通过调用`columns....
Accordion布局是ExtJS中的布局类型之一,允许在一个容器内多列垂直堆叠,每次只有一个面板展开。在动态树中,可以将树节点与Accordion布局关联,当点击节点时,对应的Accordion面板展开显示详细信息。 六、优化与...
在使用ExtJS4开发一个grid的时候,经常会遇到需要对grid的列进行动态的显示和隐藏操作,以适应不同的显示需求。ExtJS4中的gridpanel组件提供了一些内置的方法来控制列的可见性,但有时候需要一个更直观的方式来实现...
标题中的“ExtJS Desktop相关 动态生成开始菜单 多级菜单的快捷方式”涉及到的是一个使用ExtJS框架实现的桌面应用模拟系统,它能够创建类似Windows操作系统的开始菜单,并支持多级菜单结构来快速访问应用程序或功能...
EXTJS Grid的列可以通过配置进行隐藏或显示,用户可以通过交互式菜单或者按钮来控制。在实现时,可能需要监听列的显示/隐藏事件,更新一个列选择列表,然后在导出时参考这个列表。 “中文不会有乱码问题”意味着在...
ExtJS也提供了相应的方法来实现这些动态操作,比如可以通过组件的hide()和show()方法来控制字段的显示和隐藏。 隐藏字段除了在界面上提供更好的用户体验外,还能够帮助我们在表单提交时避免不必要的数据传输和验证...
在EXTJS中,ColumnModel是用来定义GridPanel列结构和行为的关键部分。这篇博客"EXTJS_GridPanel_ColumnModel_列的宽度随数据变化而变化"探讨了如何使GridPanel的列宽根据数据内容自动调整,以确保最佳的用户界面体验...
在本示例中,"ExtJs Google Suggest 动态查询效果" 是一个利用ExtJs实现的功能,它模仿了谷歌搜索框的自动建议功能。当你在搜索框中输入文字时,下拉列表会实时更新,显示与输入内容匹配的建议项。 首先,我们要...
本篇将深入探讨ExtJS Grid的过滤操作,以及如何动态地对本地store进行筛选。 1. **Grid过滤基础** - **Filter Model**:ExtJS Grid中的过滤功能基于Filter Model。每个列都可以有自己的过滤器,用户可以根据需要...
extjs动态添加tabpanel标签页支持pannel嵌入 逻辑代码在 MyWindow.js里面直接调用 方法 就可以