extjs form 赋值

可以使用 `form.setValues()` 方法来给 ExtJS 表单赋值。

示例代码如下：

// 假设我们有一个表单
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 form 提交

ExtJS 提交表单的方式有多种，其中比较常用的方式是使用 Ext.form.Panel 的 submit 方法来提交表单数据。以下是一个示例代码：

Ext.create('Ext.form.Panel', {
    title: 'My Form',
    width: 300,
    height: 200,
    bodyPadding: 10,
    renderTo: Ext.getBody(),
    items: [{
        xtype: 'textfield',
        name: 'name',
        fieldLabel: 'Name'
    }, {
        xtype: 'textfield',
        name: 'email',
        fieldLabel: 'Email'
    }],
    buttons: [{
        text: 'Submit',
        handler: function() {
            var form = this.up('form').getForm();
            if (form.isValid()) {
                form.submit({
                    url: 'submit.php',  // 提交到的 URL 地址
                    success: function(form, action) {
                        Ext.Msg.alert('Success', action.result.msg);
                    },
                    failure: function(form, action) {
                        Ext.Msg.alert('Failed', action.result.msg);
                    }
                });
            }
        }
    }]
});

在上述代码中，我们创建了一个 Ext.form.Panel，并添加了两个文本框作为表单项。按钮的点击事件中，通过 `getForm()` 方法获取表单实例，然后调用 `submit` 方法提交表单数据。在 `submit` 方法的配置项中，需要指定提交的 URL 地址，以及成功和失败的回调函数。成功时会弹出一个成功提示框，失败时会弹出一个失败提示框。

请根据你的具体需求修改代码中的表单项、URL 地址和回调函数。

extjs ComboTable 下拉框赋值

`ComboTable` 是 ExtJS 中的一个扩展组件，它是一个下拉框和表格的组合，可以通过表格来选择下拉框的选项。给 `ComboTable` 赋值的方法和普通的下拉框类似，只需要给下拉框和表格设置对应的数据即可。

示例代码如下：

// 创建一个 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` 设置了选中值。