Extjs gridpanel 中的checkbox(复选框)根据某行的条件不能选中的解决方法


Posted in Javascript onFebruary 17, 2017

具体代码如下所示:

Ext.define('AM.view.test.ReceiptList', { 
  extend: 'Ext.grid.Panel', 
  alias: 'widget.receiptlist', 
  id : 'receiptlist', 
  selModel : { 
    selType : 'checkboxmodel', 
    mode : 'SIMPLE', 
    checkOnly : true, 
    renderer : function(v,p,record) { 
      if (record.data.XR0003 == '0') { 
        return '<div class="x-grid-row-checker"> </div>'; 
      }else{ 
        return ''; 
      } 
    } 
  }, 
  listeners: { 
    beforeselect: function(grid, record, index, eOpts) { 
      if (record.get('XR0003')!=0) { 
        return false; 
      } 
    } 
  } 
});

代码说明:

1.红色标注处为关键代码;

2.renderer处的代码表示在渲染的时候时候满足条件的才显示复选框;

3.listeners处的代码表示监听在选择之前做条件判断若不等于0,让其不选中;

4.可以根据自身的需求,两个方法结合使用。

以上所述是小编给大家介绍的Extjs gridpanel 中的checkbox(复选框)根据某行的条件不能选中的解决方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
jquery 日期控件datepicker属性详细解析
Nov 08 Javascript
javascript获取元素CSS样式代码示例
Nov 28 Javascript
jQuery添加/改变/移除CSS类及判断是否已经存在CSS
Aug 20 Javascript
jquery实现左右滑动菜单效果代码
Aug 27 Javascript
js操作数组函数实例小结
Dec 10 Javascript
微信小程序 实战小程序实例
Oct 08 Javascript
简单实现JavaScript图片切换效果
Nov 28 Javascript
浅析JavaScript中作用域和作用域链
Dec 06 Javascript
jQuery中clone()函数实现表单中增加和减少输入项
May 13 jQuery
微信小程序仿RadioGroup改变样式的处理方案
Jul 13 Javascript
小白教程|一小时上手最流行的前端框架vue(推荐)
Apr 10 Javascript
vue项目配置sass及引入外部scss文件
Apr 14 Vue.js
原生js实现日期计算器功能
Feb 17 #Javascript
Vue自定义指令拖拽功能示例
Feb 17 #Javascript
BootStrap实现鼠标悬停下拉列表功能
Feb 17 #Javascript
javascript 判断当前浏览器版本并判断ie版本
Feb 17 #Javascript
JQuery validate 验证一个单独的表单元素实例
Feb 17 #Javascript
bootstrap fileinput 上传插件的基础使用
Feb 17 #Javascript
jQuery按需加载轮播图(web前端性能优化)
Feb 17 #Javascript
You might like
php xml常用函数的集合(比较详细)
2013/06/06 PHP
php字符串过滤与替换小结
2015/01/26 PHP
php控制文件下载速度的方法
2015/03/24 PHP
PHP使用curl制作简易百度搜索
2016/11/03 PHP
php处理静态页面:页面设置缓存时间实例
2017/06/22 PHP
PHP中危险的file_put_contents函数详解
2017/11/04 PHP
PHP登录验证功能示例【用户名、密码、验证码、数据库、已登陆验证、自动登录和注销登录等】
2019/02/25 PHP
不要在cookie中使用特殊字符的原因分析
2010/07/13 Javascript
JS中动态添加事件(绑定事件)的代码
2011/01/09 Javascript
让table变成exls的示例代码
2014/03/24 Javascript
JavaScript File API文件上传预览
2016/02/02 Javascript
响应式表格之固定表头的简单实现
2016/08/26 Javascript
Yarn的安装与使用详细介绍
2016/10/25 Javascript
vuejs使用$emit和$on进行组件之间的传值的示例
2017/10/04 Javascript
webpack学习教程之前端性能优化总结
2017/12/05 Javascript
angularjs使用gulp-uglify压缩后执行报错的解决方法
2018/03/07 Javascript
浅谈Fetch 数据交互方式
2018/12/20 Javascript
JS执行控制之节流模式实例分析
2018/12/21 Javascript
Angular6新特性之Angular Material
2018/12/28 Javascript
python实现网站的模拟登录
2016/01/04 Python
python直接访问私有属性的简单方法
2016/07/25 Python
python实现反转部分单向链表
2018/09/27 Python
用Python将结果保存为xlsx的方法
2019/01/28 Python
pandas分区间,算频率的实例
2019/07/04 Python
pytorch 图像预处理之减去均值,除以方差的实例
2020/01/02 Python
通过实例解析python描述符原理作用
2020/01/22 Python
Python数据可视化实现多种图例代码详解
2020/07/14 Python
深入解析HTML5的IndexedDB索引数据库
2015/09/14 HTML / CSS
美国办公用品购物网站:Quill.com
2016/09/01 全球购物
美国排名第一的葡萄酒俱乐部:Firstleaf Wine Club
2020/01/02 全球购物
建筑公司员工自我鉴定
2014/04/08 职场文书
2015年英语教研组工作总结
2015/05/23 职场文书
HTML+CSS+JS实现图片的瀑布流布局的示例代码
2021/04/22 HTML / CSS
JavaScript中时间格式化新思路toLocaleString()
2021/11/07 Javascript
最新最全的手机号验证正则表达式
2022/02/24 Javascript
Windows11 Insider Preview Build 25206今日发布 更新内容汇总
2022/09/23 数码科技