EXT是一个基于JavaScript的UI框架，常用于构建富客户端应用程序。它提供了丰富的组件库，包括按钮、面板、复选框等。在EXT中，每个控件都有其特定的属性和方法，这些可以用来定制和操作控件的行为。以下是根据提供的内容解析出的EXT控件相关知识点：
1. 按钮（Button）：
- `disabled` 属性：用于控制按钮是否可用。当设置为 `true` 时，按钮将被禁用；设置为 `false` 时，按钮恢复正常。例如，`Ext.getCmp('updateb').disable();` 会禁用ID为'updateb'的按钮，而 `Ext.getCmp('deleteb').enable();` 则会启用ID为'deleteb'的按钮。
2. 面板（Panel）：
- `setVisible` 方法：用于控制面板的可见性。`Ext.getCmp('rulepanel').setVisible(true);` 会让ID为'rulepanel'的面板变得可见，而 `Ext.getCmp('rulepanel').setVisible(false);` 则会使其不可见。
- `collapse` 和 `expand` 方法：允许面板进行折叠和展开操作。`Ext.getCmp('rulepanel').collapse(true);` 折叠面板，`Ext.getCmp('rulepanel').expand(true);` 则展开面板。
3. 复选框（Checkbox）：
- `inputValue` 属性：与复选框关联的值。在查找并处理复选框时，通常会用到这个属性。例如，遍历复选框并收集选中的值：
```javascript
var popSelect = Ext.getCmp('panel3').findByType('checkbox');
for (var i = 0, j = 0; i < popSelect.length; i++) {
if (popSelect[i].checked) {
pop[j++] = popSelect[i].inputValue;
if (popSelect[i].inputValue === '103') {
selectorder = Ext.getCmp('ruleid').getValue();
}
}
}
```
4. Panel属性：
- `body`：指向面板主体的Element引用，可用来设置HTML内容。但要注意，一旦面板被布局管理器管理，就不能再直接修改body的内容。
- `buttons`：面板按钮的数组，只读。可以通过 `addButton` 方法添加按钮。
- `dd`：如果面板配置了 `draggable` 属性，这个属性将包含一个 `Ext.dd.DragSource` 实例，支持拖放功能。
- `disabled`：组件是否被禁用，只读。
- `footer`：指向面板底部的Element引用，用于放置由 `buttons` 配置的按钮，不建议直接添加按钮。
- `header`：指向面板头部的Element引用，用于存放标题和工具栏。
- `hidden`：组件是否隐藏，只读。
- `initialConfig`：组件的配置对象，只读。
- `items`：面板中子组件的MixedCollection，用于存储和管理子组件。
- `ownerCt`：组件的父容器，只读，加入容器时自动设置。
- `rendered`：组件是否已渲染，只读。
EXT的组件体系非常丰富，每个组件都有许多可配置的选项和方法，这使得EXT能够构建出复杂且交互性强的用户界面。开发者可以根据需要灵活调整这些属性和方法，以满足不同应用场景的需求。在实际开发中，了解并熟练掌握这些基本属性和方法对于提升EXT应用的开发效率和质量至关重要。
VIP享7折，此内容立减4.47元 
