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 相关文章推荐
prototype 1.5相关知识及他人笔记
Dec 16 Javascript
jquery 选择器部分整理
Oct 28 Javascript
javascript 判断字符串是否包含某字符串及indexOf使用示例
Oct 18 Javascript
原生javascript实现分享到朋友圈功能 支持ios和android
May 11 Javascript
angular实现form验证实例代码
Jan 17 Javascript
vuejs2.0实现一个简单的分页示例
Feb 22 Javascript
浅谈JS对html标签的属性的干预以及对CSS样式表属性的干预
Jun 25 Javascript
微信小程序 页面跳转事件绑定的实例详解
Sep 20 Javascript
Vue Element 分组+多选+可搜索Select选择器实现示例
Jul 23 Javascript
详解vscode中vue代码颜色插件
Oct 11 Javascript
javascript sort()对数组中的元素进行排序详解
Oct 13 Javascript
微信小程序swiper左右扩展各显示一半代码实例
Dec 05 Javascript
原生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
如何实现给定日期的若干天以后的日期
2006/10/09 PHP
php防盗链的常用方法小结
2010/07/02 PHP
php cli模式学习(PHP命令行模式)
2013/06/03 PHP
php实现水仙花数的4个示例分享
2014/04/08 PHP
了解PHP的返回引用和局部静态变量
2015/06/04 PHP
thinkphp3.x中display方法及show方法的用法实例
2016/05/19 PHP
PHP __call()方法实现委托示例
2019/05/20 PHP
JavaScript Math.ceil() 函数使用介绍
2013/12/11 Javascript
Javascript复制实例详解
2016/01/28 Javascript
jquery.Jcrop结合JAVA后台实现图片裁剪上传实例
2016/11/05 Javascript
100多个基础常用JS函数和语法集合大全
2017/02/16 Javascript
js实现PC端根据IP定位当前城市地理位置
2017/02/22 Javascript
ES6正则的扩展实例详解
2017/04/25 Javascript
基于zepto.js实现手机相册功能
2017/07/11 Javascript
vue项目base64字符串转图片的实现代码
2018/07/13 Javascript
js纯前端实现腾讯cos文件上传功能的示例代码
2019/05/14 Javascript
微信小程序实现日历签到
2020/09/21 Javascript
python实现网页链接提取的方法分享
2014/02/25 Python
Python查看多台服务器进程的脚本分享
2014/06/11 Python
python轻松实现代码编码格式转换
2015/03/26 Python
python单元测试unittest实例详解
2015/05/11 Python
Python序列循环移位的3种方法推荐
2018/04/09 Python
使用python Fabric动态修改远程机器hosts的方法
2018/10/26 Python
python 获取微信好友列表的方法(微信web)
2019/02/21 Python
python修改微信和支付宝步数的示例代码
2020/10/12 Python
Python 实现RSA加解密文本文件
2020/12/30 Python
伦敦所有西区剧院演出官方票务代理:Theatre Tickets Direct
2017/05/26 全球购物
Boden美国官网:英伦原创时装品牌
2017/07/03 全球购物
行政管理专业推荐信
2013/11/02 职场文书
总经理秘书的岗位职责
2013/12/27 职场文书
大学生自我鉴定书
2014/03/24 职场文书
白酒营销策划方案
2014/08/17 职场文书
部门优秀员工推荐信
2015/03/24 职场文书
帝企鹅日记观后感
2015/06/10 职场文书
灵魂歌王观后感
2015/06/17 职场文书
2016庆祝教师节新闻稿
2015/11/25 职场文书