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

Question

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

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

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

Answer 1

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

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

http://docs.sencha.com/ext-js/4-1/#!/example/multiselect/multiselect-demo.html

如果你真的必须使用网格。然后，我不打算尝试创建一个字段类型，并导致自己的悲伤。

为您的网格selectionchange事件添加一个监听器，并使用您希望从网格中获得的值更新表单中的hidden字段。完成工作。

Answer 2

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

我的模型有master-detail，细节只是商店参考。我发现使用关联并不适合我。

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