[Ext JS 4] 实战之Grid, Tree Gird 添加按钮列
引言
贴一个grid 的例子先:
有这样一个需求:
1. 给 Grid(or Tree Grid)添加一列, 这一列显示是Button. 点击之后可以对这一行进行一些操作
2. 这一列每一行对应的按钮不尽相同, 根据每一行的数据不同,显示的按钮不同,对应的点击操作也不同。
解法
针对以上需求1 , 很容易就可以解决。
Ext JS 的Grid 有提供 Ext.grid.column.ActionView xtype: actioncolumn 这样的列。
只需要在grid panel 的columns 配置 一栏的xtype为actioncolumn;配置icon 为显示的按钮图;配置handler点点击的动作就可以了。
贴一个完整的例子:
<
[Ext JS 4] 实战之Grid, Tree Gird 添加按钮列相关推荐
- [Ext JS 4] 实战之Grid, Tree Gird 动态添加列续(性能考虑)
前言 延续: [Ext JS 4] 实战之Grid, Tree Gird 动态添加列 这一篇. 在上一篇中有提到在grid 中如何进行带隐藏栏位的动态添加方式.归纳一下思路就是: 先显示,后隐藏. 当 ...
- [Ext JS 4] 实战之Grid, Tree Gird 动态添加行
前言 在 [Ext JS 4] 实战之Grid, Tree Gird 动态添加列 这一篇中,有介绍到如何动态添加一列 -- 设置新columns 后调用reconfigure 方法. 这里来承接这一篇 ...
- [Ext JS 4] 实战之Grid, Tree Gird 动态添加列
前言 在Ext js 中, 定义一个Grid 很方便,主要需要的是 1. 定义columns 2. 定义一个store 3. 定义grid var store1 = Ext.create('Ext.d ...
- [Ext JS 4] 实战之Grid, Tree Gird编辑Cell
前言 本篇这里以稍微复杂一点的Tree Grid 来介绍. 在写编辑grid 之, 先来看一下 grid 的 selType 的配置. 先给一个简单的Tree grid 的例子: Ext.onRead ...
- [Ext JS 4] 实战之Load Mask - 在Grid Reconfigure的使用状况
前言 关于 Extjs 的 load mask 的使用,可以参考: [Ext JS 4] 实战之Load Mask(加载遮罩)的显示与隐藏 一般而言,在如下情况下可能要使用grid 的 reconfi ...
- [Ext JS 4] 实战之多选下拉单 (带checkbox) 续 - 带ALL 选项
前言 在 [Ext JS 4] 实战之多选下拉单 (带checkbox) 这一篇中有介绍如何开发带有checkbox 的多选菜单. 但是实际项目开发过程中, 用户的需求也是不断精进的. 使用淘宝或是其 ...
- [Ext JS 4] 实战之 带week(星期)的日期选择控件(三)
前言 在 [Ext JS 4] 实战之 带week(星期)的日期选择控件(二) 的最后,有提到一个解决方案. 不过这方案有一个条件 ==> "2. 每年的周数从(1-52), 如果超 ...
- [Ext JS 4] 实战之 带week(星期)的日期选择控件(二)
前言 JavaScript 中的日期和时间 [Ext JS 4] 实战之 带week(星期)的日期选择控件(一) 如对本篇的一些预备知识需详尽了解,可参考以上两篇. Javascript 有提供Dat ...
- extjs ajax 遮罩层,[Ext JS 4] 实战之Load Mask(加载遮罩)的显示与隐藏
前言 Load Mask(遮罩)效果,就是在页面还没有完全显示出来之前, 加上一个转装转的效果. 类似: 添加这样的效果有两个好处: 1. 在页面没完全show出来之前, 把后面的页面给遮罩起来, 防 ...
最新文章
- 1019 General Palindromic Number (20分)_18行代码AC
- code blocks代码性能分析_记一次Python Web接口优化,性能提升25倍!
- C和指针之联合体大小
- php通过实现excel导入,php实现excel导入数据
- 各位 PHPer,Serverless 正当时
- 猎鹰spacex_我从SpaceX中学到的关于开源的一切
- 《C语言程序设计基础I》秋季学习总结
- 69期-Java SE-007_面向对象-1-001-002
- php 制作通讯录,PHP 制作通讯录(五)
- Excel宏的基本逻辑语句
- 贵州省计算机职称考试时间2015年,关于2015年8月份贵州贵阳职称计算机考试安排通知...
- 百度的疯狂 UC的隐忍
- 学习记录:启动豌豆荚进入软件界面
- java web 润乾报表教程_润乾报表 dashboard 分析
- Java 求解自幂数(水仙花数)
- [QDialog]qt虚拟键盘的实现以及qdateedit实现打开虚拟键盘
- rtklib 周跳检测
- ORB-SLAM3笔记(编译、踩坑、论文、看代码)
- you belong with me(你属于我)
- 机器视觉的洪荒之力助中国制造2025“看”得更远
热门文章
- codeforces 848B Rooter's Song 思维题
- 【STL】算法 — partial_sort
- 构建之法——需求分析+项目经理+典型用户和场景
- (转)微信公众平台开发02-接收信息及回复信息
- centos 使用yum 安装出现 File contains no section headers 错误解决方法
- Java路径问题终于解决方式—可定位全部资源的相对路径寻址
- 【报告分享】2021年中国新一代信息技术创投生态研究报告.pdf(附下载链接)...
- 从矩阵分解到FM的演进、FM如何用于召回和排序以及实现说明
- 【报告分享】中国城市人工智能发展指数报告.pdf(附下载链接)
- PyTorch 深度学习:34分钟快速入门——自动编码器