Как добавить сетку в форму Extjs и отправить ее данные?

Question

Я разрабатываю очень сложную форму ввода данных, используя extjs 4.0.Я связываю модель с моей формой.

Внутри моей модели есть свойство «Продукты», которое представляет модель Продукта.Теперь я хочу, чтобы эти продукты отображались в Grid на моей форме Panel.Пользователь может добавить удалить продукты из сетки и сохранить форму.

Каков наилучший способ добиться этого?

Answer 1

Если я вас правильно понял, у вас есть ассоциация объектов 1 к Множеству, в которой сторона 1 загружается в форму для редактирования, и многие из них также должны отображаться, но в сетке внутри формы.

Я подошел к похожему дизайну, добавив сеточную панель под форму. В моем случае были другие компоненты, поэтому моя сетка была обернута в табулированную панель. Аналогично этому пример см. Форму 5.

Теперь, что происходит в сетке? Ну, я добавил магазин, представляющий мои много объектов - или продукты для вашего примера. Я установил прокси-сервер писателя для этого хранилища и добавил в сетку плагин roweditor . Конечным результатом был простой способ для пользователей управлять отношениями, редактировать свойства родительских и дочерних объектов на одном экране. Я выбрал магазин автосинхронизации для магазина Many, но вам это не нужно. Вы можете легко добавить кнопку «Сохранить» в сетку или просто привязать действие к кнопке «Сохранить» родителя.

Надеюсь, вы получите творческие соки:)

Answer 2

Вы можете перезаписать setValues(), getValues() методы вашей формы. Просто добавьте привязку сетки к базовым методам. Примечание - не нужно расширять форму, чтобы создать свой собственный класс. Вы можете переписать эти функции прямо там, где вы объявите форму.

{
    xtype: 'form',
    setValues: function(){}
}

Надеюсь, это помогло.