extjs 单选框赋值
时间: 2023-11-06 18:18:08 浏览: 109
可以使用 Ext.form.RadioGroup 组件来创建单选框,并使用 setValue() 方法来设置单选框的值。例如:
```
var radioGroup = Ext.create('Ext.form.RadioGroup', {
fieldLabel: '单选框',
columns: 3, // 设置列数
items: [
{ boxLabel: '选项一', name: 'rb', inputValue: '1' },
{ boxLabel: '选项二', name: 'rb', inputValue: '2' },
{ boxLabel: '选项三', name: 'rb', inputValue: '3' }
]
});
// 设置单选框的值为 2
radioGroup.setValue({ rb: '2' });
```
相关问题
extjs 复选框怎么赋值
如果你想要通过代码将 ExtJS 复选框选中或取消选中,可以使用 `setValue()` 方法。例如:
```javascript
// 获取复选框组件
var checkbox = Ext.getCmp('myCheckbox');
// 选中复选框
checkbox.setValue(true);
// 取消选中复选框
checkbox.setValue(false);
```
如果你有一个包含多个复选框的复选框组件,可以使用 `setValue()` 方法来为每个复选框赋值。例如:
```javascript
// 获取复选框组件
var checkboxGroup = Ext.getCmp('myCheckboxGroup');
// 选中所有复选框
checkboxGroup.setValue({
'checkbox1': true,
'checkbox2': true,
'checkbox3': true
});
// 取消选中所有复选框
checkboxGroup.setValue({
'checkbox1': false,
'checkbox2': false,
'checkbox3': false
});
```
在上面的示例中,`setValue()` 方法接受一个对象作为参数,该对象的键对应于复选框的名称,而值对应于复选框的状态 (true 为选中,false 为未选中)。
extjs ComboTable 下拉框赋值
`ComboTable` 是 ExtJS 中的一个扩展组件,它是一个下拉框和表格的组合,可以通过表格来选择下拉框的选项。给 `ComboTable` 赋值的方法和普通的下拉框类似,只需要给下拉框和表格设置对应的数据即可。
示例代码如下:
```javascript
// 创建一个 store,用来存储下拉框的选项
var store = Ext.create('Ext.data.Store', {
fields: ['value', 'text'], // 设置 store 的字段
data: [ // 设置 store 的数据
{value: '1', text: '选项1'},
{value: '2', text: '选项2'},
{value: '3', text: '选项3'},
]
});
// 创建一个表格,用来显示下拉框的选项
var grid = Ext.create('Ext.grid.Panel', {
store: store, // 设置表格的数据源
columns: [
{text: '值', dataIndex: 'value'},
{text: '文本', dataIndex: 'text'},
],
});
// 创建一个 ComboTable
var comboTable = Ext.create('Ext.ux.form.ComboTable', {
fieldLabel: '下拉框', // 下拉框的标签
store: store, // 设置下拉框的 store
displayField: 'text', // 显示字段为 text
valueField: 'value', // 值字段为 value
tableConfig: { // 配置表格
columns: [
{text: '值', dataIndex: 'value'},
{text: '文本', dataIndex: 'text'},
],
},
});
// 将 ComboTable 添加到某个容器中
// ...
// 给 ComboTable 设置选中值
comboTable.setValue('2');
```
在上述示例中,我们首先创建了一个 `store`,用来存储下拉框的选项。接着创建了一个表格 `grid`,并将 `store` 设置为表格的数据源。然后创建了一个 `ComboTable`,并将 `store` 设置为下拉框和表格的数据源。设置了下拉框的显示字段和值字段,同时配置了表格的列。最后调用 `comboTable.setValue('2')` 方法给 `ComboTable` 设置了选中值。
阅读全文