extjs 表单字段中复杂结构化数据的弹出窗口答案

【问题标题】：Popup window for complex structured data in an extjs form fieldextjs 表单字段中复杂结构化数据的弹出窗口
【发布时间】：2013-01-14 04:02:38
【问题描述】：

我需要构建以下表单域。让我们以在表单中我有多个字段的情况为例。其中两个是“姓氏”和“名字”。当这些字段将显示 seperatley 时，我想要一个在完成时显示的单个字段，而不是经典的方式，就像一个文本字段，其值为 e 两个值的串联（即“michael jackson”）。当我点击该字段时，将弹出一个窗口（如选择器日期），其中包含一个包含两个字段的表单。

不幸的是，我不知道从哪里开始：

我应该派生什么类
我应该如何将值存储在表单中（两个隐藏值或只是字段的序列化值）。

在这个选择器弹出窗口中，我的结构可能很复杂，有 5-6 个字段。

【问题讨论】：

标签： forms extjs

【解决方案1】：

我会扩展 Ext.form.field.Picker。在 createPicker() 方法中，您可以根据需要创建任何字段组合。

Re：存储数据，我会序列化一个字段中的值。然后您可以以相同的方式处理读取和提交（并且您可以随时操作数据。

这是我不久前做过的一个例子：jsfiddle.net/existdissolve/wMcQk/

【讨论】：

不错。看起来很有希望。在您的示例中，当我单击该字段进行编辑时，json 在文本字段中显示有一秒钟。