前短时间一直研究ExtJS来着,看了我做的ExtTest,项目组想试用一下ExtJS,于是决定让我研究一下。表面上很简单,其实Ext的功能强大自不必说,关键其
源码结构太乱了(如果有源码的结构清晰的就好了),实在难读,所以有些问题还是要不断琢磨、试验。
最近遇到个ExtJS的GridPanel的ColumnModel的动态加载的问题,就让我纠结了好几个小时,开始想得复杂了,还以为ColumnModel里边是什么对象来着,
因为我当成字符串传进去有问题,结果其实很简单,直接构造就可以了,代码如下(希望对遇到同样困难的哥们有用):
var colM = "company,id,flyline";
var colMArr = colM.split(",");
var colLength = colMArr.length;
var colMArray = new Array();
for(var i=0; i<colLength; i++) {
colMArray[i] = {header:colMArr[i],width: 75,dataIndex:fieldArray[i]}
//此处的fieldArray[i]是fields的数据
}
//然后colMarray数组即是我们要动态构造的那个ColumnModel的参数,此处的动态的意
//思是colM可以从request中获取,然后用来动态创建header即表头信息,同
//理dataIndex也是一样的
var column = new Ext.grid.ColumnModel(
colMArray
);
//然后GridPanel中的制定cm属性值为column即可
http://blog.csdn.net/yangzhimei/article/details/2942387
分享到:
相关推荐
在EXTJS中,ColumnModel是用来定义GridPanel列结构和行为的关键部分。这篇博客"EXTJS_GridPanel_ColumnModel_列的宽度随数据变化而变化"探讨了如何使GridPanel的列宽根据数据内容自动调整,以确保最佳的用户界面体验...
- 当数据动态添加或修改时,需要确保合计行的数据也同步更新。可以监听Store的`add`、`remove`和`update`事件,根据具体情况调整合计值并更新合计行。 6. **样式调整**: - 为了使合计行与普通行有所区别,我们还...
在ExtJs中,GridPanel是用于展示数据的常用组件,它可以提供丰富的功能,如排序、分页、筛选等。在实际应用中,我们经常需要监听用户的交互行为,比如双击行进行进一步的操作。本篇文章将深入讲解如何在ExtJs ...
EXTJS GridPanel 是EXTJS库中的核心组件之一,尤其在EXTJS 2.02版本中,它提供了强大的表格展示和交互功能,对于初学者来说极具学习价值。GridPanel不仅能够处理基本的表格操作,如单选、多选、排序、改变列宽等,还...
ExtJS 是一个强大的...以上就是 ExtJS 中 GridPanel 的一些核心属性和方法,它们共同构建了一个功能强大的数据展示和交互界面。在实际开发中,可以根据需求灵活配置和使用这些组件,以实现各种复杂的数据管理功能。
当请求成功时,`success`回调函数被调用,这里我们解析返回的JSON响应,将每一列的数据字段和标题添加到ColumnModel中。然后,调用`makeGrid`函数来实际创建并渲染GridPanel。 `makeGrid`函数是实现动态生成...
3. **动态添加/移除列**:当需要改变表头时,可以调用ColumnModel的`addColumn`和`removeColumn`方法,或者直接更新ColumnModel的配置数组。 4. **更新GridPanel**:添加或移除列后,需要调用GridPanel的`...
ExtJS中的GridPanel是用于展示数据的组件,它是一个强大的数据网格,提供了丰富的功能和定制选项。以下是对GridPanel的一些主要属性和方法的详细说明: **属性总结:** 1. **store**: 这个属性定义了GridPanel所...
GridPanel 是 ExtJS 中的核心组件之一,它能够展示表格数据,并提供了排序、分页、筛选等多种功能。在 ExtJS 2.0 中,GridPanel 的配置和使用涉及到以下知识点: 1. **创建 GridPanel**:首先,你需要定义数据源,...
5. 渲染GridPanel:将GridPanel添加到容器中,完成渲染。 在实际应用中,GridPanel还可以与其他组件结合,比如使用Toolbar提供操作按钮,或者嵌入其他复杂的组件,如Charts,以实现数据分析和可视化。 除了...
本文将通过一个具体的例子来详细介绍ExtJS中`GridPanel`的基本用法以及如何利用`HttpProxy`、`JsonReader`、`Store`等关键对象来构建动态数据展示界面。 #### 二、核心概念介绍 1. **HttpProxy** - `HttpProxy`是...
Extjs4中的GridPanel是一个用来展示数据列表的强大组件,其功能之丰富在Web前端开发领域广受好评。为了更好地理解和使用Extjs4 GridPanel,下面将详细介绍其主要配置参数。 首先,GridPanel的store配置项是表格的...
这个实例"EXTJSEXT实例GridPanel"旨在教授如何在EXTJS中创建并使用GridPanel。 GridPanel是EXTJS中的一个核心组件,它允许开发者以网格形式展示数据,支持多种功能,如排序、分页、筛选、编辑等。在EXTJS中,...
总的来说,`newtpanel.aspx` 和 `newtpanel.aspx.cs` 文件展示了如何利用Ext.NET在服务器端和客户端代码中动态创建和管理GridPanel,以及如何将它们集成到各种窗口容器中,以实现灵活的数据展示和交互。这是一项关键...
在ExtJS Grid组件中,如果希望它能够响应浏览器窗口大小的变化并自动调整其大小,就需要使用ExtJS提供的事件监听机制。简单地讲,ExtJS Grid组件在初始化时会按照特定的配置渲染在页面上,但组件本身不会主动检测...
4. **Renderer Function**: 渲染器函数是EXTjs中一个重要的概念,它允许我们根据数据动态地生成单元格的内容和样式。在合并表格的场景中,我们可以在渲染器中添加逻辑判断,根据数据决定是否合并单元格。 5. **...
首先,我们要理解ExtJS中的GridPanel组件。GridPanel是ExtJS用于展示数据的常用组件,它由一系列行(rows)和列(columns)组成,每一行对应一个数据对象,每一列对应数据的一个属性。默认情况下,每一行是独立的,...