Question

Excerpt from json file …

{
"items": [
    {
        "xtype": "tabbarcontext",
        "ptype": "tabbarcontext",
        "pstype": "maintab",
        "activeTab": 0,
        //"title": "NotTitleConfig",
        "config": [
            {"title": "TitleConfig"}
        ],
        "items": [
            {
                "xtype": "panel",
                "ptype": "tab",
                "layout": {
                    "type": "border"
                },

when this json is poked into the Viewport …

 Ext.apply(me, {
        // we are adding TabBar with 4 tabs to Viewport
        items:  appItems // json retrieved from store

the tab panel is created, the activeTab = 0, but config: has not set the title. Commenting into the json file the code “title”: “NotTitleConfig” does set the tab title. Why is this? tia.

Answer 1

The config is expected to be a JavaScript object not a JSON string. The following should work

Ext.apply(me, { items: Ext.JSON.decode(appItems) });