表单和网格 Extjs 之间的绑定

【问题标题】：BINDING between Form and Grid Extjs表单和网格 Extjs 之间的绑定
【发布时间】：2020-01-31 04:14:12
【问题描述】：

所以我想要实现的是用选定的行记录填充表单和/或通过表单编辑行，通过 ViewModel 所以它是双向绑定，我已经在 states 字段中完成了但我在其他领域遇到问题，我尝试过公式，但也没有用。这是一个处理记录的处理程序，但我无法将它们与表单字段绑定。

   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

【问题讨论】：

标签： javascript php mvvm extjs sencha-architect

【解决方案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}'
    }
...

尝试其他字段。

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

【讨论】：