extjs - 如何使 extjs 网格成为表单字段？

Question

我需要创建一个基本上是 extjs 网格的自定义表单字段。用户应该能够单击网格中的结果。这个点击的结果应该成为字段值。此外，该字段需要扩展 Ext.form.field。这是我得到的：

Ext.define('MyApp.field.Grid', {
    alias: 'widget.GriedField',
    extend: 'Ext.form.field.Base',

我对如何添加网格以形成字段库感到很困惑。看起来表单字段库的模板需要 HTML。我如何让它接受一个组件？

score 1 · Accepted Answer

如果您只需要从项目列表中选择一个值。为什么不使用组合框？

如果您需要选择多个项目。文档示例中有一个如何使用 MultiSelect ux 组件的示例。

如果你真的必须使用网格。然后我就不会费心尝试创建一个字段类型并让自己感到悲伤。

为您的网格selectionchange事件添加一个侦听器，并使用您希望从网格中获取的值更新表单中的隐藏字段。任务完成。

score -1 · Accepted Answer

我最终通过创建对我的模型的依赖项间接地将网格放在表单上。

我的模型有主细节，细节只是商店参考。我发现使用关联对我不起作用。

因此，在向表单添加字段时，我有一些东西可以管理模型（主记录）和详细信息存储的更改事件。

2 回答 2