ExtJS 4:显示带有校验头的复选框并可以隐藏的网格列
提问于 2013-09-26 07:09:01
我们使用的是ExtJS 4.2，所以这就是我提出这个问题的上下文。
我需要在网格中有一个列：
- 在每一行上显示一个复选框，可以选择/取消选中。它的目的是跟踪用户选择，而不是与底层存储数据同步。
- 在标头中有一个复选框，允许用户选择或取消选择网格中的所有行。
- 在呈现页面(用户权限或数据)时，可以根据特定条件隐藏/删除。
我尝试了以下几点：
- SelModel -它将满足第2号需求，但一旦定义就不能被操作(参见http://www.sencha.com/forum/showthre...selectionModel)。
- CheckColumn --它满足第3号要求，但在列标题中没有一个复选框(参见http://www.sencha.com/forum/showthread.php?265924)。
有什么办法让我实现我想要的吗？
提前感谢
海西
回答 2
Stack Overflow用户
发布于 2013-09-26 09:15:14
见我对这个问题的回答：ExtJS 4 select multiple CheckColumn checkboxes with checkbox header
您需要做的补充是，在网格存储的“update”事件上，需要手动创建代码，根据记录中的新值选择带有网格的selectionModel的行。
Stack Overflow用户
发布于 2014-06-10 23:27:36
我有同样的要求，并且能够使用'Ext.selection.CheckboxModel‘特性(Ext4.2)。基本上，我通过config对象覆盖呈现程序。我使用的是Sencha Architect 3，这是生成的代码：
selModel: Ext.create('Ext.selection.CheckboxModel', me.processMyCheckboxSelectionModel3({}))
processMyCheckboxSelectionModel1: function(config) {
config.renderer = function(value, metaData, record, rowIndex, colIndex, store, view) {
var status = record.get('Status');
if (status === 'Failed') {
var baseCSSPrefix = Ext.baseCSSPrefix;
metaData.tdCls = baseCSSPrefix + 'grid-cell-special ' + baseCSSPrefix + 'grid-cell-row-checker';
return '<div class="' + baseCSSPrefix + 'grid-row-checker"> </div>';
} else {
return '';
}
};
return config;
}当我希望它显示一个复选框是从Reimius' answer复制时，呈现程序返回的是什么，与此方法唯一的区别是，我使用的是内置在'Ext.selection.CheckboxModel‘中的Ext4.2。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/19031955
复制相关文章
点击加载更多
社区富文本编辑器全新改版！诚邀体验～
全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验
腾讯云开发者
