bbar : new Ext.PagingToolbar({
style : 'background-color:#FFFFFF;',
pageSize : 15,
store : data,
emptyMsg : "没有数据显示!",
displayInfo : true,
displayMsg : '显示 {0} - {1} 共 {2} 条',
beforePageText : "页码 ",
afterPageText : "共 {0} 页",
firstText : "首页",
lastText : "末页",
nextText : "下一页",
prevText : "上一页",
refreshText : "刷新",
listeners : {
"change" : function(){
var multple = 10;
var souce = 4;
var columnIndex = 0;//要设置的列,此处是设置第一列
var colModel = _gridPanel.colModel; //得到所有列
if(data.data.items[0] == null){ //如果没数据,设置一个默认宽度
colModel.setColumnWidth(columnIndex,multple * souce);
}else {
var width = data.data.items[0].data.rownum_.length;
if(width > souce){//因为这里的默认宽度是40,所以倍数一定要大于4才重新设置宽度
souce = width;
}
}
colModel.setColumnWidth(columnIndex,multple * souce);
}
}
})
分享到:
相关推荐
GridPanel由Store(数据存储)、ColumnModel(列模型)和View(视图)等主要部分组成。在GridPanel中添加“合计”行,主要涉及到View的自定义和数据处理。 1. **创建自定义View**: - 首先,我们需要创建一个继承...
GridPanel由Store(数据存储)和ColumnModel(列模型)组成,它们定义了数据源和显示样式。在创建GridPanel时,我们需要配置这两个部分,例如: ```javascript var store = Ext.create('Ext.data.Store', { fields...
尽管EXTJS GridPanel功能强大,但也有其局限性,比如在EXTJS 2.02版本中可能不支持列锁定和默认的统计功能,也不直接支持数据导出为Excel或PDF格式。然而,随着EXTJS版本的迭代,这些问题在后续版本中得到了改进。 ...
- **ColumnModel**: 用于定义Grid中的列信息,包括列的标题、数据索引等。 - **Store**: 数据存储,负责管理数据源,可以是本地数组或远程服务器返回的数据。 - **Proxy**: 数据代理,用于处理与数据源的通信,如...
这个方法用于获取 GridPanel 的列模型(ColumnModel)。列模型定义了每一列的属性,如宽度、标题、对齐方式等。通过 ColumnModel,可以设置列的可编辑性、默认排序和隐藏/显示状态。 3. **getSelectionModel()**:...
3. 创建列模型(ColumnModel):定义GridPanel的列,包括列的标题、数据字段绑定、宽度等,例如`Ext.grid.ColumnModel`。 4. 实例化GridPanel:配置GridPanel的各种属性,如高度、宽度、是否可拖动列等,然后将...
ExtJS中的GridPanel是用于展示数据的组件,它是一个强大的数据网格,提供了丰富的功能和定制选项。以下是对GridPanel的一些主要属性和方法的详细说明: **属性总结:** 1. **store**: 这个属性定义了GridPanel所...
通过以上知识点的结合,你可以创建一个功能完备的 ExtJS 2.0 GridPanel,利用 Struts2 JSON 插件与后端进行高效的数据交互,提供用户友好的数据展示和操作界面。在实际项目中,可能还需要根据具体需求进行定制和优化...
#### 一、EXTJS_GridPanel_ColumnModel_列的宽度自适应数据长度 在ExtJs开发中,特别是在处理`GridPanel`时,如何使列的宽度根据数据长度动态调整是一个常见的需求。传统的做法是手动设置列宽,但这在数据长度不一...
- `ColumnModel`定义了`GridPanel`中的列配置,包括每列的标题、宽度、排序属性等。它是`GridPanel`展示数据的关键配置对象。 5. **PagingToolbar** - `PagingToolbar`用于实现分页功能。它可以根据指定的`Store`...
ColumnModel是GridPanel的列定义,它包含了每列的属性,如标题(header)、数据索引(dataIndex)和宽度(width)。`addColumn`函数通过遍历后端返回的数据,为每个字段生成对应的ColumnModel配置。 接下来,我们...
在EXTJS中,GridPanel通常与Store结合使用,Store负责管理数据,而GridPanel则负责显示这些数据。 首先,创建一个GridPanel需要定义以下主要部分: 1. **Store**: Store是用来存储数据的,它可以是从服务器获取的...
在事件处理函数中,通过`grid1.getView().refresh()`来刷新Grid的视图,使其随窗口的大小变化而自动调整。 ### 4. 注意事项 - 在使用`Ext.EventManager.onWindowResize`方法时,确保为每一个Grid组件绑定窗口大小...
Extjs4中的GridPanel是一个用来展示数据列表的强大组件,其功能之丰富在Web前端开发领域广受好评。为了更好地理解和使用Extjs4 GridPanel,下面将详细介绍其主要配置参数。 首先,GridPanel的store配置项是表格的...
GridPanel用于显示数据,而ColumnModel则定义了GridPanel的列结构和属性,如宽度、对齐方式、可排序性等。 描述中的“csdn里有个兄弟类似的东西要10分,而且收录的不全,这个代码本是一个外国朋友的然后国人加了些...
列模型定义了每一列的显示标题、数据源、宽度、是否可排序等属性。例如,第一列`RowNumberer`用于显示行号,`CheckboxSelectionModel`则实现了多选功能。其他列如`ID`、`用户名`、`密码`和`性别`分别对应数据Record...
在本文中,我们将深入探讨如何在ExtJS 4.0框架下实现跨行合并功能,特别是在表格组件(GridPanel)中按照指定列进行合并。这个技术对于数据展示和报告生成非常有用,因为它可以帮助用户更清晰地理解数据结构。我们将...