Динамическое заполнение вкладок и формы на каждой вкладке

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

Например: если в моих данных есть два поля с именами «x» и «y», мне нужно создать две вкладки (где панель формы, то есть поля внутри вкладки, одинаковы), а затем мне нужно заполнить эти поля с помощью соответствующие данные.

Заполнение данных в порядке, но мне нужно знать, как динамически добавлять вкладки в соответствии с полученным объектом JSON. Имя вкладки, которое я получу из объекта JSON.

EDIT: JSON выглядит так:

{
    ..
    events : {
        'X JOINED' : {
            ..
        }
        'Y JOINED' : {
            ..
        }
    }
}

Теперь мне нужны две вкладки с именами «X JOINED» и «Y JOINED» с «..», дающими данные для заполнения внутри вкладок.


person aayush_v20    schedule 29.04.2015    source источник


Ответы (2)


Если у вас есть tabpanel, вы можете использовать метод add для добавления новой вкладки.

Чтобы узнать имена вашего объекта, просто используйте метод js keys для вашего объекта, полученного из JSON.

Это будет выглядеть примерно так:

for(var prop in myObject)
    myTabPanel.add(Ext.define("tab", {title: prop}));
person Anthony Granger    schedule 29.04.2015

у вас есть образец вашего объекта JSON?

person Angel Schnider    schedule 29.04.2015
comment
Я предоставил вам пример объекта JSON для рассмотрения. - person aayush_v20; 29.04.2015
comment
Посмотрите на эту ссылку, возможно, она вам поможет: sencha.com/forum/ - person Angel Schnider; 29.04.2015