Question

我正在尝试使用JavaScript对象和Ext.data.Model用复选框填充表单。使用textField形式，以下代码可以正常工作：

// text is an array with text values
var currentForm = {
                  "name_value1": text[0],
                  "name_value2": text[1],
               };


Ext.define('CurrentFormModel', {
    extend: 'Ext.data.Model',
    fields: ['name_value1', 
             'name_value2', 
            ]
    });


var Get_textFieldForm = textFieldForm.getForm();
Get_textFieldForm.loadRecord(new CurrentFormModel(currentForm));

如何使用复选框形式成功完成该任务？我尝试了以下方法：

// text[2][i] is an array with the checked values
var checkFormObj = {
       "checkboxGroupName": [text[2][0], text[2][1]]
       }

 Ext.define('CheckboxModel', {
                 extend: 'Ext.data.Model',
                 fields: [{name: 'checkboxGroupName', type: 'boolean'}]
               });
 var Get_CheckboxForm = CheckboxForm_name.getForm();
 Get_CheckboxForm.loadRecord(new CheckboxModel(checkFormObj));

我的复选框形式：

CheckboxForm_name = Ext.create('Ext.form.Panel', {
        title: 'Checkbox form',
        collapsible: true,
        collapsed: true,
        items: [{
               xtype: 'checkboxfield',
               name: 'checkboxGroupName',
               boxLabel: 'Checkbox1',
               inputValue: 'checkbox_1'
               }, {
               xtype: 'checkboxfield',
               name: 'checkboxGroupName',
               boxLabel: 'Checkbox2',
               inputValue: 'checkbox_2'
               }]
       });

但是什么也没发生。有什么想法吗？

Answer 1

我设法解决了这个问题。无需使用字段定义对象，也无需扩展Ext.data.Model类即可包括这些字段。以下代码填充了复选框表单。

var CheckboxModel = new Ext.data.Model({
                <name>: [<inputValue>, // the input values of checkboxes
                         <inputValue>
                        ]
              });

var Get_CheckboxForm = CheckboxForm_name.getForm();
Get_CheckboxForm.loadRecord(CheckboxModel);

ExtJS 6：使用Ext.data.Model和loadRecord方法使用复选框填充表单

1 个答案: