Extjs gridpanel 中的checkbox(复选框)根据某行的条件不能选中的解决方法
更新时间：2017年02月17日 11:04:27 作者：Stephan-Liu
这篇文章主要介绍了Extjs gridpanel 中的checkbox(复选框)根据某行的条件不能选中的解决方法,需要的朋友可以参考下
具体代码如下所示：
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强制弹出新窗口，主要是利用的动态创建链接。2009-12-12
这篇文章主要介绍了js实现鼠标悬停图片上时滚动文字说明的方法,涉及js操作鼠标事件的使用技巧,需要的朋友可以参考下2015-02-02
这篇文章主要介绍了ES6中Symbol类型用法,结合实例形式分析了Symbol类型的功能、使用方法与相关注意事项,需要的朋友可以参考下2017-04-04
这篇文章主要介绍了JS的拖拽属性draggable详解,本文通过示例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-04-04
在JavaScript 中,我们往往会遇到需要使用某些默认值来填充数组的情况,那么都有哪些方式可以完成这样的任务呢?这篇文章主要给大家介绍了关于JS创建或填充任意长度数组的小技巧,需要的朋友可以参考下2021-10-10
这篇文章主要为大家详细介绍了js实现简单五子棋游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-05-05
这篇文章主要介绍了Bootstrap里的文件分别代表什么意思及其引用方法 ,需要的朋友可以参考下2017-05-05
这篇文章主要介绍了前端开发之CSS原理详解的相关资料,需要的朋友可以参考下2017-03-03
这篇文章主要为大家详细介绍了Bootstrap基本插件学习笔记之模态对话框的相关资料,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
本文详细介绍了DOM的概念和常用操作，文档对象模型 (DOM) 是 HTML 和 XML 文档的编程接口。它提供了对文档的结构化的表述，并定义了一种方式可以使从程序中对该结构进行访问，从而改变文档的结构，样式和内容，感兴趣的朋友可以参考阅读本文2023-04-04
最新评论