ExtJs 如何将数据从商店/模型加载到表单面板中答案

【问题标题】：ExtJs How to Loading data into form panel from store/modelExtJs 如何将数据从商店/模型加载到表单面板中
【发布时间】：2014-06-16 11:36:22
【问题描述】：

我真的是 extjs 4 的新手。我尝试加载默认值表单加载，如下所示

    launch: function() {
       Ext.create('panelid', {renderTo: 'form'});
      var form = this.up('panelid').getForm();
      var model = Ext.getCmp('modelid');
      form.loadRecord(model);
   }

给我undefined form的我不起作用

这是我的视图类

Ext.define('panelid', {
    extend: 'Ext.form.Panel',

    alternateClassName: [
        'confpanel'
    ],
    requires: [
        'Ext.container.Container',
        'Ext.form.field.File',
        'Ext.button.Button'
    ],

    initComponent: function() {
        var me = this;

        Ext.applyIf(me, {
            items: [


                {
                    xtype: 'textfield',
                    itemId: 'NAME_2',
                    fieldLabel: 'SDFA',
                    name: 'NAME_2'
                },
                {
                    xtype: 'button',
                    handler: function(button, e) {
                        var form = this.up('form').getForm();
                        if(form.isValid()){
                            form.submit({
                                url: 'AA?submit=true'
                            });
                        }
                    },
                    itemId: 'btnSave',
                    text: 'Save'
                }
            ]
        });
        me.callParent(arguments);
    }

});

我的商店 userClassName 名称是“storeid”，我的模型 userClassName 是 modelid 这个非常简单的问题，但很难理解服务器-客户端之间的数据通信。请帮我解决这个简单的问题

【问题讨论】：

我建议您将您的项目与类的其余部分一起定义，而不是尝试将其设置在 initComponent 中。你不会从中得到任何好处。就您的错误而言，我认为您需要为您的视图设置一个alias。命令up('panelid') 不知道panelid 是什么。在extend 之后添加以下内容：..., alias: 'widget.panelid'。

标签： extjs extjs4

【解决方案1】：

我在您的代码中发现了几个错误：

renderTo 只能用于元素而不是组件。例如。 Ext.getBody() 或 html 页面上的 div id 对于容器，您应该使用 applyTo。

模型不是组件。您不能使用 getCmp 来获取模型参考。

您必须以与定义面板相同的方式定义它，然后使用您在此处指定的名称作为参考。

查看 sencha 文档以了解如何执行所有这些操作。那里解释得很好。

【讨论】：