当前位置: 代码网 > it编程>前端脚本>ExtJs > Extjs4 GridPanel 的几种样式使用介绍

Extjs4 GridPanel 的几种样式使用介绍

2024年05月18日 ExtJs 我要评论
简单表格排序,显示某列,读取本地数据表格列:行号, bool行转成是否,日期格式化输出(date,top day), number数据类型格式化输出(change,volume),action列(操作

简单表格

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


表格列:
行号,   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列 根据数据库值 来初始化是否被选

(0)

相关文章:

版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。 如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2386932994@qq.com 举报,一经查实将立刻删除。

发表评论

验证码:
Copyright © 2017-2025  代码网 保留所有权利. 粤ICP备2024248653号
站长QQ:2386932994 | 联系邮箱:2386932994@qq.com