如何创建带有复选框here的ExtJs网格面板。带复选框的Extjs网格面板
回答
在Ext 3.4中,您将需要使用Ext.grid.CheckColumn
插件,如框架下载中包含的EditorGrid示例所示。
在Ext 4+中有一个内置的CheckColumn类型(xtype: 'checkcolumn'
)。更多信息可在the API docs找到。这里的one example包括当前版本的Ext中可编辑的复选框列(跟上每个版本的URL基本上是不可能的)。
这里是什么样的列配置看起来像一个复选框列在4.0以上的版本为例:
xtype: 'checkcolumn',
header: 'Active?',
dataIndex: 'active', // model property to bind to
width: 60,
editor: {
xtype: 'checkbox',
cls: 'x-grid-checkheader-editor'
}
如何如何使用呢?
var checkBoxSelMod = new Ext.grid.CheckboxSelectionModel();
:-D
可以通过将选择模型对象在列列表中期望的位置切换复选框的位置。这将允许您在网格中放置多个复选框。
如何在列列表中移动checkBoxSelMod? – boatcoder
例如,如果您想在3列中找到它,请将checkBoxSelModel放在cols属性的第3个位置。 –
以前的答案似乎不再适用于最新的ExtJs版本。链接到工作示例在这里:example ExtJs 4.1
- 1. 选中复选框+网格面板与ExtJS的4
- 2. 检查网格面板中的所有复选框在extjs
- 3. extjs网格面板
- 4. extjs复选框网格删除rails
- 5. 带复选框的ExtJs 4组合框
- 6. 带复选框的Mvc Contrib网格
- 7. EXTJS 5:如何在点击网格中的复选框时选中复选框
- 8. ExtJS和简单的网格面板
- 9. 如何获取ExtJs中的网格面板的选定行?
- 10. ExtJS。适合网格宽度到面板
- 11. 带有复选框的ngTable不会选中网格上的所有复选框
- 12. 更新选项卡上的网格面板切换ExtJS
- 13. 如何显示多选从组合框到网格面板的值extjs 4
- 14. Extjs分组网格的组标题的复选框
- 15. 网格复选框选择
- 16. 如何禁用ExtJS中的网格复选框?
- 17. ExtJS。属性网格sourceConfig中的复选框
- 18. EXTJS 4.2 - 网格面板多个网格排序
- 19. 如何保留可分页网格面板中的复选框选择
- 20. extjs:加载蒙板网格
- 21. 与组合框作为列单元格的网格面板编辑extjs
- 22. 如何更改extjs 4网格面板中的页眉模板
- 23. ExtJS的复选框算
- 24. ExtJS的4复选框
- 25. 带复选框的Telerik网格 - 当网格最初绘制时没有显示复选框
- 26. 渲染不带面板的ExtJs组件?
- 27. 带有CodeMirror的Extjs标签面板
- 28. 获取网格面板的单元格值。 ExtJs
- 29. ExtJS面板不会加载里面的网格内容
- 30. 带复选框的简单表格php
非常感谢! – edtsech
链接现在被破坏。 – boatcoder
我更新了链接。感谢downvote! –