Заполняйте вкладки и формы в каждой вкладке динамически

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

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

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

РЕДАКТИРОВАТЬ: JSON выглядит так:

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

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

2 ответа

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

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

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

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

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

Другие вопросы по тегам