第7章[7.19] Grid行选择的多种场景和实现方式

Grid的行选择有多种实现方式，可以应用在不同的场景，本篇介绍三种实现方式：

使用selModel 实现
使用 checkcolumn 类型的列
使用widgetcolumn 类型的列

使用selModel 实现Grid的行方式

Gird行选择比较习惯的方式是在首列提供提供复选框进行选择，最简单的就是在Grid的定义中增加selModel:'checkboxmodel', 配置，该配置的意思是设置Grid的选择模式为复选框模式，直接看示例代码：

{xtype: 'grid',title: 'Grid 复选框的选择模式',selModel:'checkboxmodel',columns: [{text: '姓名',dataIndex: 'name'}, {text: '都城',dataIndex: 'city'}],store: [{"name": "曹操","city": "豫州"}, {"name": "刘备","city": "荆州"}, {"name": "孙权","city": "扬州"

第7章[7.19] Grid行选择的多种场景和实现方式相关推荐

[Ext JS] Grid 的复选框行选择之——某些行不能选取
Grid的选择功能的实现要求如下: 使用复选框(Checkbox) 对Grid进行选择. 某些行根据改行的数据的条件进行是否可以选取. 需要有全选和全部反选的功能. 实现后的效果如下: 实现方案 Gr ...
第24章 SPI—读写串行FLASH—零死角玩转STM32-F429系列
第24章 SPI-读写串行FLASH 全套200集视频教程和1000页PDF教程请到秉火论坛下载:www.firebbs.cn 野火视频教程优酷观看网址:http://i.youku.com/ ...
第四章 ContextCapture 19 空三控制点平差
第四章 ContextCapture 19 空三控制点平差一.检查空三成果空三结束后,会生成连接点云,再三维中,可以观察生成的结果,根据点云的状态,判断空三是否正常. 在这个位置,可以导出空三报告 ...
第三章 ContextCapture 19 空三处理
第三章 ContextCapture 19 空三处理前言之前一直在工作比较忙就没有更新,这次挑选了一组简单的照片用来演示. 一.导入相片工程建立好后如图所示,我们需要建立一个区块,将照片导入到区 ...
4.13日第12次作业,16章外包,17章需求,19章组织级与大型项目
4.13日第12次作业,16章外包,17章需求,19章组织级与大型项目 29-高项-田哲琦 16章.外包管理 1.外包的形式有哪五种?什么是利益关系?P346-348 答:企业现行采用的主要外包形式如 ...
linux lz4 lzo,Linux六大压缩算法横评：Ubuntu 19.10最终选择LZ4
原标题:Linux六大压缩算法横评:Ubuntu 19.10最终选择LZ4 来自:cnbeta.com 在今天发布的Canonical官方博文中,来自Kernel团队的Ubuntu工程师Colin I ...
Java生产环境下性能监控与调优详解第2章基于JDK命令行工具的监控
Java生产环境下性能监控与调优详解第2章基于JDK命令行工具的监控 2-1 JVM的参数类型标准参数 x参数 XX参数 2-2 查看JVM运行时参数 2-3 jstat查看JVM统计信息 2- ...
重写render,利用ClientScript，在客户端注册select，回发到服务器，触发服务器端的行选择事件。...
View Code 原文地址 http://edu.cnzz.cn/NewsInfo/28278.aspx# 1 //重写render,利用ClientScript,在客户端注册select ...
西瓜书学习笔记第2章（模型评估与选择）
西瓜书学习笔记第2章(模型评估与选择) 2.1经验误差与过拟合 2.2评估方法 2.2.1留出法(hold-out) 2.2.2交叉验证法(cross validation) 2.2.3自助法(boo ...

第7章[7.19] Grid行选择的多种场景和实现方式

使用selModel 实现Grid的行方式

第7章[7.19] Grid行选择的多种场景和实现方式相关推荐

最新文章

热门文章