表单与网格Extjs之间的绑定

Question

因此，我试图实现的是用选定的行记录填充表单和/或通过ViewModel通过表单编辑行，因此它是双向绑定，我在状态字段中也做了，但是我我在其他领域遇到了麻烦，我尝试过公式，但是那也不起作用。这是一个处理记录的处理程序，但我无法将其与表单字段绑定。

   store = this.getView().getStore();
         var records = record.getSelected().items[0].data;
                //var record = records[0];
                 console.log('showChart',records)
                if (records) {
                    this.getView().getDialog().loadRecord(records);
                }
       console.log(records.name);

这里是我的Fiddle example

Answer 1

您需要将所选记录传输到表单，还需要设置表单字段的绑定（bind: {value: ''}）属性。一种简单的方法是将选定的网格记录传递到Test.main.Form的viewModel。看：

mainController.js：

...
showChart: function (record, selModel) {

    var form = Ext.create({
        xtype: 'testform'
    });

    //selModel is actually an array of selected records.
    form.getViewModel().set('record', selModel[0]);

    form.show();

},
...

form.js：

...
items: [{
    label: 'First Name',
    name: 'first',
    bind: {
        //record that was set in the showChart function.
        value: '{record.name}'
    }
...

尝试其他字段。

我希望这会有所帮助。有任何问题，请告诉我。