2012-02-18 5 views
4

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

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

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

+0

Привет, Санджай ... у тебя получилось какое-то решение? У меня есть аналогичный случай, показывающий форму (верх), 2 сетки внизу. Когда я хочу сохранить, мне нужно отправить все данные с помощью одного URL-адреса. – aswininayak

ответ

0

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

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

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

1

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

Способ, которым я приблизился к аналогичному дизайну, добавляет сетку под форму. В моем случае были другие компоненты, поэтому моя сетка была завернута в tabpanel. Аналогично этому example см. Форму 5.

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

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

Смежные вопросы