Javascript ExtJS将复杂属性绑定到textfield

给出一个JSON数据，如下所示

{name:{firstname:'First name'，lastname:'Last name'}

如何将此数据加载到ExtJS表单字段中

名字：[名字]

姓氏：[姓氏]

更新：
使用此技术后，当将更改返回到服务器Ext时，我遇到了第二个挑战，即以这种格式生成json

{ "firstname": "New first name", "lastname": "New last name"}  
// instead of 
{ "name": { "firstname": "...", "lastname": "..."} }

这是预期的行为还是无论如何，我可以告诉Ext将对象序列化回嵌套形式

---

注意：我的Edit.js取自Ext MVC应用程序指南

我建议您将其映射到模型定义中的两个单独字段中：

Ext.define("Person", {
    extend: "Ext.data.Model",
    fields: [
        {name: "firstname", mapping: "name.firstname"},
        {name: "lastname", mapping: "name.lastname"}
    ]
});

---

可能应该将此作为新问题发布，因为原始问题已得到回答和接受。如果联合国不接受最初的答案是不公平的，而且很少有人会为得不到分数而工作。此外，这不是一个论坛，回复也不像线程那样工作。根据投票、选项卡排序等，它们出现的顺序会发生变化。必要时，使用“编辑”按钮更新问题。