`
topbox163
  • 浏览: 53022 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

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

阅读更多
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);
}
}
})
0
2
分享到:
评论

相关推荐

    给Extjs的GridPanel增加“合计”行

    GridPanel由Store(数据存储)、ColumnModel(列模型)和View(视图)等主要部分组成。在GridPanel中添加“合计”行,主要涉及到View的自定义和数据处理。 1. **创建自定义View**: - 首先,我们需要创建一个继承...

    ExtJs GridPanel双击事件获得双击的行

    GridPanel由Store(数据存储)和ColumnModel(列模型)组成,它们定义了数据源和显示样式。在创建GridPanel时,我们需要配置这两个部分,例如: ```javascript var store = Ext.create('Ext.data.Store', { fields...

    Extjs2.02 Gridpanel

    尽管EXTJS GridPanel功能强大,但也有其局限性,比如在EXTJS 2.02版本中可能不支持列锁定和默认的统计功能,也不直接支持数据导出为Excel或PDF格式。然而,随着EXTJS版本的迭代,这些问题在后续版本中得到了改进。 ...

    ExtJs_grid.txt

    - **ColumnModel**: 用于定义Grid中的列信息,包括列的标题、数据索引等。 - **Store**: 数据存储,负责管理数据源,可以是本地数组或远程服务器返回的数据。 - **Proxy**: 数据代理,用于处理与数据源的通信,如...

    汇总Extjs中GridPanel的各个属性与方法.doc.docx

    这个方法用于获取 GridPanel 的列模型(ColumnModel)。列模型定义了每一列的属性,如宽度、标题、对齐方式等。通过 ColumnModel,可以设置列的可编辑性、默认排序和隐藏/显示状态。 3. **getSelectionModel()**:...

    ExtJS介绍以及GridPanel

    3. 创建列模型(ColumnModel):定义GridPanel的列,包括列的标题、数据字段绑定、宽度等,例如`Ext.grid.ColumnModel`。 4. 实例化GridPanel:配置GridPanel的各种属性,如高度、宽度、是否可拖动列等,然后将...

    汇总Extjs中GridPanel的各个属性与方法.doc.pdf

    ExtJS中的GridPanel是用于展示数据的组件,它是一个强大的数据网格,提供了丰富的功能和定制选项。以下是对GridPanel的一些主要属性和方法的详细说明: **属性总结:** 1. **store**: 这个属性定义了GridPanel所...

    ExtJs 2.0 GridPanel+Struts2 with JSON plugin[更新代码]

    通过以上知识点的结合,你可以创建一个功能完备的 ExtJS 2.0 GridPanel,利用 Struts2 JSON 插件与后端进行高效的数据交互,提供用户友好的数据展示和操作界面。在实际项目中,可能还需要根据具体需求进行定制和优化...

    ExtJs高级技巧

    #### 一、EXTJS_GridPanel_ColumnModel_列的宽度自适应数据长度 在ExtJs开发中,特别是在处理`GridPanel`时,如何使列的宽度根据数据长度动态调整是一个常见的需求。传统的做法是手动设置列宽,但这在数据长度不一...

    extjs gridpanel例子和简单应用

    - `ColumnModel`定义了`GridPanel`中的列配置,包括每列的标题、宽度、排序属性等。它是`GridPanel`展示数据的关键配置对象。 5. **PagingToolbar** - `PagingToolbar`用于实现分页功能。它可以根据指定的`Store`...

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

    ColumnModel是GridPanel的列定义,它包含了每列的属性,如标题(header)、数据索引(dataIndex)和宽度(width)。`addColumn`函数通过遍历后端返回的数据,为每个字段生成对应的ColumnModel配置。 接下来,我们...

    EXTJSEXT实例GridPanel.

    在EXTJS中,GridPanel通常与Store结合使用,Store负责管理数据,而GridPanel则负责显示这些数据。 首先,创建一个GridPanel需要定义以下主要部分: 1. **Store**: Store是用来存储数据的,它可以是从服务器获取的...

    解决extjs grid 不随窗口大小自适应的改变问题

    在事件处理函数中,通过`grid1.getView().refresh()`来刷新Grid的视图,使其随窗口的大小变化而自动调整。 ### 4. 注意事项 - 在使用`Ext.EventManager.onWindowResize`方法时,确保为每一个Grid组件绑定窗口大小...

    Extjs4 GridPanel的主要配置参数详细介绍

    Extjs4中的GridPanel是一个用来展示数据列表的强大组件,其功能之丰富在Web前端开发领域广受好评。为了更好地理解和使用Extjs4 GridPanel,下面将详细介绍其主要配置参数。 首先,GridPanel的store配置项是表格的...

    extjs 实现动态表头

    GridPanel用于显示数据,而ColumnModel则定义了GridPanel的列结构和属性,如宽度、对齐方式、可排序性等。 描述中的“csdn里有个兄弟类似的东西要10分,而且收录的不全,这个代码本是一个外国朋友的然后国人加了些...

    解析Extjs与php数据交互(增删查改)

    列模型定义了每一列的显示标题、数据源、宽度、是否可排序等属性。例如,第一列`RowNumberer`用于显示行号,`CheckboxSelectionModel`则实现了多选功能。其他列如`ID`、`用户名`、`密码`和`性别`分别对应数据Record...

    ExtJs4.0跨行合并(按照指定列合并)(Ext.net 2.0)

    在本文中,我们将深入探讨如何在ExtJS 4.0框架下实现跨行合并功能,特别是在表格组件(GridPanel)中按照指定列进行合并。这个技术对于数据展示和报告生成非常有用,因为它可以帮助用户更清晰地理解数据结构。我们将...

Global site tag (gtag.js) - Google Analytics