禁用带有复选框的网格面板

Posted 2023-02-26

【中文标题】禁用带有复选框的网格面板

【英文标题】：Disable grid panel with checkboxes

【发布时间】：2012-06-25 06:55:42

【问题描述】：

我的要求是在特定条件下禁用字段集或网格行内的网格面板。网格有 20 多个项目，应该有一个滚动条来查看网格的所有元素。如果我使用网格面板的禁用属性，那么滚动条也会被禁用。但我需要启用滚动条，以便用户可以看到所有网格项目。

对于上面我用 feildset autoscroll: true 和 layout:fit 编码。但是在禁用网格面板时，由于 fieldset 的 layout:fit 属性，fieldset 的滚动条也会被禁用。有什么办法可以达到要求吗？

代码：

Ext.applyIf(this,  
    border : false,
    frame : false,
    bodyStyle : 'padding:12px 15px 0px',
    labelAlign : 'top',
    columnWidth : 0.5,
    heigth : 350,
    layout : 'form',
    items: [
        xtype: 'fields',
        id: 'fields',
        layout: 'fit',
        height: 321,
        autoScroll: true,
        title: 'Element list',
        items: mygridPanel
    ]
)

【问题讨论】：

您是否尝试将网格面板包裹在另一个具有自动滚动功能的面板中，所以当您禁用网格面板时，外部面板仍然处于活动状态，所以滚动条应该仍然起作用？

感谢您的回复。我尝试使用以下代码，它可以在 Firefox 中运行。在 ie 中它会引发运行时错误...

【参考方案1】：

我在jsFiddle上做了一个小demo给大家看看：

http://jsfiddle.net/CGtqp/

这能帮助您解决问题吗？