Добавление таблицы внутри динамически добавленной вкладки

Question

Я довольно новичок в ExtJS. Я принял несколько примеров и добавил функциональность для добавления вкладок в элемент управления вкладками, нажав на ссылку. Все идет нормально. Теперь я хочу загрузить таблицу ExtJS в одну из новых вкладок. элементы (строки, столбцы) определены в базе данных на стороне сервера. Можете ли вы дать мне несколько советов, как автоматически добавлять таблицу при создании вкладки?

Answer 1

Автозагрузка хороша для извлечения HTML-таблицы из кода на стороне сервера. Эти данные когда-нибудь обновляются? Если это так, вам нужно будет перезагрузить весь HTML. Я бы предложил использовать сетку вместо:

    // tabPanel definitinon
    {
        xtype:"grid",
        //tabId is a unique value created at the time of the tab
        id:"general_props_status_grid_" + tabId,
        ds: C.createStore({
            storeId:"general_props_status_grid_" + tabId,
            autoLoad:true
            proxy: new Ext.data.HttpProxy({
                //path to a serverside page that gerenates a JSON table contents
                url: '?fuseaction=qry_statuses'
            }),

            reader: new Ext.data.JsonReader({
                id: 'status_id',
                root:'data'
            }, [
                {name: 'status_id'},
                {name: 'name'}
            ]),
            remoteSort: false
        }),
        columns:[{
            header: "Status ID",
            dataIndex: 'status_id',
            width:20,
            hidden:true,
            sortable:true
        },{
            header: "Name",
            dataIndex: 'name',
            hideable:false,
            renderer:function(val){
                return "<span class='link'>" + val +"</span>"
            },
            width:150,
            sortable:true
        }],
        sm: new Ext.grid.RowSelectionModel({singleSelect:true}),
        loadMask: true,
        listeners: {
            activate:function(thisGrid){
                //this will reload the grid each time this tab is selected
                thisGrid.getStore().reload();
            }
        }
    }

Существует множество опций для сеток, но в приведенном выше примере показано автоматическое обновление сетки с помощью обратных вызовов.

Answer 2

Хорошо, я продолжил читать, что свойство autoLoad мне здесь очень помогает. я пойду отсюда.