EXTJS ||需要帮助在GridPanel中实现Checkbox选择模型

Question

我在EXTJS 4.1中实现下面提到的功能时遇到了问题：

1. 我已实施 Ext.selection.CheckboxModel ，以便用户可以从GridPanel中的现有行中选择任何行。
2. 点击此选择模型的复选框，系统会提示用户 EDIT＆amp;删除按钮和网格中的复选框。
3. 点击编辑后，相应（已选中）行的数据将移至下面的FormPanel。从而为用户提供权限来更改输入的数据。
4. 点击“删除”后，相应的（已选中）行将从GridPanel中删除。

我可以使用CheckboxModel在网格中创建复选框，但无法继续执行该要求。

我已尝试过Sencha / Google的各种示例和建议，但仍无法找到相同的解决方案。

在这种情况下，任何示例/指针都将受到高度赞赏。

Answer 1

这就是我解决这个问题的方法：

在复选框列旁边放置一个带有两个按钮的actioncolumn。给actioncolumn一个固定的宽度。为两个项目（按钮）设置自定义样式，就像在选定的节目上一样。使用css设置按钮样式以仅显示所选行。

columns: [{
    xtype: 'actioncolumn',
    width: 40,
    items: [{
        iconCls: 'onselect-show',
...

的CSS：

.onselect-show {display: none;} // hide
.x-grid-row-selected .onselect-show {display: inline;} // restore default

顺便说一下，我看到你的要求存在矛盾。当您选择多行时，您所谈论的按钮没有意义，但复选框选择模型专门用于多种选择。
如果将onfocused-show与x-grid-row-focused一起使用呢？这将允许多个选择，并且仍然只在一行上显示按钮，即具有焦点的那一行。