javascript - form.getRecord() 未定义。 Extjs

Question

在我的应用程序中，我使用 Ext.form.Panel 组件。在面板中使用 loadRecord(record)

从树中设置选定的条目

...
showDataFields: function(view, record, item, index, event) {       
        var panel = view.up('tabpanel');
        var formfield   = panel.down('form');        
        formfield.loadRecord(record);
    },

....

我得到一个将数据发送到商店的条目

...

saveUserData: function(button, e) {
        var values;
        var panel    = button.up('actionform'),
            form   = panel.down('form');
        record = form.getRecord();
        console.log(record)// value undefined. Why ?      
    },

...

如何获取记录？

链接到我的fiddle app 表单位于文件 app/view/ActionFormTree.js

showDataFields 和 saveUserData 方法位于 app/controller/MainController.js 中

谢谢

Answer 1

当您使用 button.up('actionform') 获取 form 组件，然后再次使用 panel.down('form' )。因此，在这种情况下，您将获得 form 组件的内部 form 。请参阅下面的屏幕截图以更好地理解(请参阅选定的 dom 元素)

因此您不需要使用向下选择器，因为您已经使用 button.up('actionform') 获取了 form 组件。

代码片段

saveUserData: function(button, e) {

    var values, form = button.up('actionform'),
        record = form.getRecord();

    console.log(record)
},

您可以在此处查看工作 fiddle .