extjs form 赋值
时间: 2023-08-13 19:35:05 浏览: 190
可以使用 `form.setValues()` 方法来给 ExtJS 表单赋值。
示例代码如下:
```javascript
// 假设我们有一个表单
var form = Ext.create('Ext.form.Panel', {
// 表单的配置项
// ...
});
// 定义需要赋值的数据
var formData = {
name: '张三',
age: 20,
gender: '男',
hobby: ['篮球', '游泳']
};
// 给表单赋值
form.getForm().setValues(formData);
```
在上述示例中,我们首先创建了一个 ExtJS 表单,然后定义了需要赋值的数据 `formData`,最后调用 `form.getForm().setValues(formData)` 方法来给表单赋值。赋值完成后,表单中的各个字段会自动显示对应的值。
相关问题
extjs 单选框赋值
可以使用 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 给下拉框赋值
可以使用 `Ext.data.Store` 和 `Ext.form.field.ComboBox` 来创建一个下拉框,并给其赋值。
示例代码如下:
```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 comboBox = Ext.create('Ext.form.field.ComboBox', {
fieldLabel: '下拉框', // 下拉框的标签
store: store, // 设置下拉框的 store
queryMode: 'local', // 查询模式为本地查询
displayField: 'text', // 显示字段为 text
valueField: 'value', // 值字段为 value
});
// 将下拉框添加到某个容器中
// ...
// 给下拉框设置选中值
comboBox.setValue('2');
```
在上述示例中,我们首先创建了一个 `store`,用来存储下拉框的选项。接着创建了一个 `comboBox`,并将 `store` 设置为下拉框的数据源。然后设置了下拉框的显示字段和值字段。最后调用 `comboBox.setValue('2')` 方法给下拉框设置了选中值。
需要注意的是,如果下拉框的 `queryMode` 属性设置为 `'remote'`,则应该在 `store.load()` 加载数据之后再设置下拉框的值。
阅读全文