extjs switch开关
时间: 2023-08-15 19:13:25 浏览: 286
switch开关
在 ExtJS 中,你可以使用 `Ext.form.field.Switch` 类来创建开关组件。以下是一个简单的示例代码:
```javascript
Ext.create('Ext.form.field.Switch', {
renderTo: Ext.getBody(),
fieldLabel: 'Switch',
name: 'mySwitch',
inputValue: true,
uncheckedValue: false,
listeners: {
change: function (switchField, newValue, oldValue, eOpts) {
console.log('Switch value changed: ' + newValue);
}
}
});
```
在这个示例中,我们创建了一个开关组件,并将其渲染到页面上的 `Ext.getBody()` 中。`fieldLabel` 属性用于设置标签文本,`name` 属性用于表单提交时的字段名。`inputValue` 和 `uncheckedValue` 属性分别表示开关打开和关闭时的值。
你还可以添加 `change` 事件监听器来捕获开关值的变化,并执行相应的操作。在示例中,当开关值改变时,会将新值打印到控制台。
请注意,以上代码只是一个简单示例,实际使用时可能需要根据你的具体需求进行修改和调整。
阅读全文