extjs grid选择框默认全选_Extjs gridpanel 加入全选列

我们在用Extjs的gridpanel时，往往会用到选择列，该选择列最好带有全选和取消全选功能。

具体代码如下：

var tableCheckboxModel = Ext.create('Ext.selection.CheckboxModel', {

mode:"SIMPLE",

showHeaderCheckbox: true

});

Ext.define('BaseDataGeneApp.view.TableReleationList', {

extend: 'Ext.grid.Panel',

alias: 'widget.tableReleationList',

title: '关联表',

store: 'BaseDataTableRelations',

selModel: tableCheckboxModel,

allowDeselect: true,

columns :[

{header: '字段名',dataIndex: 'columnName',width: 120},

{header :'关联表名',dataIndex :'releatedTable',width :120}

]

});

我们首先定义一个CheckboxModel，然后在定义gridPanel时，加入

selModel: tableCheckboxModel,

allowDeselect: true

这样就可以得到如下图所示的gridpanel

var selectedTableRelations = Ext.ComponentQuery.query('tableReleationList')[0].

getSelectionModel().getSelection();

通过上述代码，可以得到选中的数据。

extjs grid选择框默认全选_Extjs gridpanel 加入全选列相关推荐

html手写vue多级选择框,vue + html 编写仿element select 多选组件
现在做vue项目主要用的ui框架差不多都是elementui,但是每个项目设计的不同难免和element组件产生差异甚至是大不相同,有的时候差异少比如页面样式不太相同,功能使用完全一样的话,这样改改样 ...
django前端页面下拉选择框默认值设置
1,前端样式 2,前端html代码 <select name="row.status"><option value="ON" {% if ro ...
grid选择框 jeeplus ani框架
用jquery修改默认的单选框radio或者复选框checkbox选择框样式
默认的radio和checkbox选框很难看.我去看了一下qq注册的页面.发现单选和复选框并没有用<input>,居然是用是A标签.然后用css背景图片展示选择框,用JavaScript控 ...
php输入文本框样式,【js】：检测用户输入、文本框默认样式设置、设计表格样式实现全选反选...
Topic 1 : 检测用户的输入 : 题目要求: 编写一个用户注册页面检测用户名是否是6位以下,密码是否是8位以上,如果不满足要求高亮显示文本框 : 代码如下 : 用户注册页面 .bg {back ...
php全选和反选,纯javascript实现选择框的全选与反选功能
HTML部分选择全部一键上路 js部分 var oinput = document.getElementById('all'); // var oinput_s = document.getEle ...
vue设置多选框默认勾选_Vue实现全选和反选即Vue复选框增加全选功能
导语:Vue中单选下拉框开发起来非常简单,直接select包裹一个带v-for的option即可但是当我们想做个带多选的下拉框该怎么办呢?最简方法是什么?比如下面这个图: 如果网上搜的话,搜的是一堆 ...
通过js控制layui选择框checkbox的选中、取消选中，以及使用layui实现全选、取消全选的一种方式
js控制选中.取消选中 ,layui实现全选.取消全选 layui版本2.5.x html部分: <form class="layui-form" id="form ...
Extjs grid添加多选按钮
Extjs grid添加多选按钮我们在用extjs开发gird列表时很多时候我们都会面临向列表添加一个多选的按钮,在extjs中这个功能要实现比较简单,extjs内部已经考虑到这个问题具体我们以下面 ...

extjs grid选择框默认全选_Extjs gridpanel 加入全选列

extjs grid选择框默认全选_Extjs gridpanel 加入全选列相关推荐

最新文章

热门文章