如何使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

我最終通過在我的模型上創建依賴關係來間接地將網格放在窗體上。

我的模型有主細節，細節只是商店的參考。我發現使用關聯對我不起作用。

因此，在向表單添加字段時，我有一些管理模型（主記錄）和詳細信息存儲區的更改事件的功能。