Extjs4 GridPanel 的几种样式使用介绍

简单表格

排序,显示某列,读取本地数据

表格列:行号, bool行转成是否,日期格式化输出(date,top day), number数据类型格式化输出(change,volume),Action列(操作列)

代码;下面这个图是 单击 操作(编辑,删除)按钮触发的回调函数的详细信息.

下面演示 自定义 渲染函数

效果:

选择模式:Selection

选择模式分为三类:

1,行选择(默认)

2.单元格选择

3.复选框选择(checkbox组)

演示单元格选择代码:

只需在上述代码配置节当中,加入行选择:

效果:

复选框选择:

效果:

表格特性: Feature表格汇总 Ext.grid.feature.Summary

汇总值计算 根据表格的每一列进行计算,计算方式 有指定的 summaryType决定.默认的有

上图5种.

此例应用 sum和average

表格分组:Ext.grid.feature.Grouping

代码:

表格的分组汇总:Ext.grid.feature.GroupSummary

代码只需要把上面的 Grouping 改成 GroupingSummary

表格插件: plugin

单元格编辑 Ext.grid.plugin.CellEditing

代码:

表格 行编辑器Ext.grid.plugin.RowEditing

代码只需:把 CellEditing 改成 RowEditing

想要获取修改后的数据,ajax请求服务器,做出响应.gridpanel中的checkbox列 根据数据库值 来初始化是否被选

推荐整理分享Extjs4 GridPanel 的几种样式使用介绍，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助，希望把文章链接给更多的朋友！

Extjs中通过Tree加载右侧TabPanel具体实现 最近在做一个物流管理的项目，公司必须要求用Extjs4.1来做界面，因为以前一直也没有接触过所以开发的过程中遇到了很多的困难。同时Extjs4.1的资料在

extjs ColumnChart设置不同的颜色实现代码 Ext.onReady(function(){//定义storevarchartStore=newExt.data.JsonStore({root:'root',fields:[{name:'ne',type:'string'},//网元{name:'confine',type:'int'},//阀值{name:'bill',type:'string'}//工单

Extjs getValue()和getRawValue()区别介绍 例子：{xtype:'datefield',width:,id:'mydate',format:'Y-m-d',value:newDate(),msgTarget:'side',emptyText:'请选择日期。。。',name:'mydate'}mydate.value和getvalue()一样的。mydate.getvalu