修复了 EXTJS 面板中的复选框列答案

【问题标题】：Fixed checkbox column in EXTJS panel修复了 EXTJS 面板中的复选框列
【发布时间】：2023-03-18 15:54:01
【问题描述】：

团队，

是否有人知道在复选框列上禁用水平滚动保持固定，其他列的滚动正常工作。

我试过了

     bodyStyle:'overflowY: auto',

     autoScroll:false,

     setAutoScroll:false,

在特定的 checkboxSelectionModel 上并尝试覆盖属性，但它不起作用。

我正在使用 ExtJs 4.0

示例：http://2.bp.blogspot.com/-a7A-q_ni5v0/UrLau_s2bWI/AAAAAAAAAC8/GLKj4FJVZ5E/s1600/chkbox_grid1.PNG

看到这张图片，我正在谈论复选框列，并且在那张纸条上，我删除了该特定列上的滚动属性。

【问题讨论】：

您的意思是将第一列固定在网格中吗？
我的意思不是第一列，一个复选框模型列。

标签： extjs checkbox extjs4

【解决方案1】：

我想这就是你要找的东西

lockable：如果网格配置了 enableLocking，或者有配置了锁定值的列，这个选项可能是用于禁用用户驱动的锁定或解锁此列。这列将保留在其自己的锁定配置所在的一侧放好了。

locked：True 锁定此列。隐式启用网格上的锁定。另请参阅 Ext.grid.Panel.enableLocking。

文档链接：Ext 5.0

这是一个示例：http://dev.sencha.com/deploy/ext-4.0.0/examples/grid/locking-grid.html

【讨论】：

感谢回答但是，我说的是默认情况下由 ExtJs 生成的特定复选框列。因此，在该选择模型中，此属性不起作用。
@KunjanShah - 请使用该详细信息更新问题。问题没有提到这一点。
顺便说一句，checkcolumn 也有以上两个配置属性
是的，你是对的，但该属性不适用于 ExtJs 4.1.0
锁定也可用于 4.1.0 - docs.sencha.com/extjs/4.1.0/#!/api/Ext.grid.Panel

【解决方案2】：

你可以试试这样的

Ext.define("My.extension.LockedCheckBoxSelModel", {
extend: "Ext.selection.CheckboxModel",

getHeaderConfig: function () {
    return {
        isCheckerHd: true,
        text: '&#160;',
        width: 24,
        sortable: false,
        fixed: true,
        hideable: false,
        menuDisabled: true,
        dataIndex: '',
        locked: true,//here's the difference
        cls: Ext.baseCSSPrefix + 'column-header-checkbox ',
        renderer: Ext.Function.bind(this.renderer, this)
    };
}});

如果您将使用此扩展而不是默认 CheckboxModel，例如 selModel: Ext.create('My.extension.LockedCheckBoxSelModel')，则应锁定带有复选框的第一列。但是您可能必须启用网格锁定，因此请指定网格的 enableLocking: true 属性，或在某些网格的列上设置 locked: true

【讨论】：

在谷歌上搜索后，我检查了“锁定：true”并在 ExtJs 4.1.1 或更高版本上工作，但我使用的是 ExtJs 4.1.0，所以，还有其他解决方案吗？

【解决方案3】：

在您的网格配置中添加 enableLocking: true。它将锁定选择模型并为每一列启用锁定/解锁选项

【讨论】：