Model view controller Ext JS 4.0-MVC Ext.panel.Form&；Ext.ComponentLoader

我刚刚开始深入研究ExtJS4.0和新的MVC体系结构。我已经创建了一个具有多个网格和树视图及其相应存储的用户控制器。到目前为止，一切顺利

我刚刚创建了我的第一个表单，我正在努力使用新的加载程序配置。表单被呈现，随后的Ajax调用成功，但是表单没有填充

/*
 */
Ext.define('CORE.view.user.Form' ,{
   extend: 'Ext.form.Panel'
  ,alias : 'widget.userform'
  ,frame: true

  /*
   */
  ,initComponent: function() {

      Ext.apply(this, {
         title: 'User Form'
        ,height: 175
        ,items: [{
            xtype: 'textfield'
           ,fieldLabel: 'Name'
           ,name: 'name'
         },{
            xtype: 'textfield'
           ,fieldLabel: 'Email'
           ,name: 'email'
         }]

        ,loader: {
            url: 'data/usersform.json'
           ,autoLoad: true
           ,renderer: 'component'
           ,params: {
               email: 'email'
            }
         }
      });

      this.callParent(arguments);
   }
});

我当前使用的JSON如下所示：

{
    "success":true,
    "data":[{
            "name":"Ed",
            "email":"ed@sencha.com"
        }
    ]
}

我弄乱了所有的渲染器选项，并尝试使用目标。考虑到渲染器、目标和JSON格式的可能组合，我感到非常困惑

---

我很可能在杂草丛中。。。有人用过这个吗？我很难找到这方面的示例。

我不确定您的加载程序是否正在加载记录-可能需要指定root:。在我发现的所有工作示例中，您只是没有在表单上使用加载器，而是在模型上指定了存储、模型和代理。表单上的加载器本身意味着您没有真正使用MVC

查看这个MVC的工作示例。。。。https://github.com/lucassus/extjs4-account-manager/tree/master/public -他在没有加载程序的情况下使用ext-debug…。我不得不在app.js中使用ext-debug-all-w-comments和加载程序来工作

---

但是，请按照app.js中的示例，然后查看他的控制器和视图如何与store/model/proxy一起使用，我不确定您的加载程序是否正在加载记录-可能需要指定root:。在我发现的所有工作示例中，您只是没有在表单上使用加载器，而是在模型上指定了存储、模型和代理。表单上的加载器本身意味着您没有真正使用MVC

查看这个MVC的工作示例。。。。https://github.com/lucassus/extjs4-account-manager/tree/master/public -他在没有加载程序的情况下使用ext-debug…。我不得不在app.js中使用ext-debug-all-w-comments和加载程序来工作

---

但是，请遵循app.js中的示例，然后查看他的控制器和视图如何与store/model/proxy一起使用

删除JSON中的

[

和

]

。

删除

[

和

]

在您的JSON中。

我意识到这是一个老问题，但看看您使用的渲染器类型是否错误。它应该是“数据”而不是“组件”，因为您返回的是数据，而不是Ext组件配置。

我意识到这是一个老问题，但看看您使用的渲染器类型是否错误。它应该是“数据”而不是“组件”，因为您返回的是数据而不是Ext组件配置