Question

我需要更改来自http://example.com/new.json的json的sencha touch 2中的工具栏标题。也许我应该使用AJAX调用来获取json然后解析它......但是如何将值插入title:''有可能吗？

Main.js

Ext.define('Sencha.view.Main', {
extend: 'Ext.Container',
xtype: 'main',
requires: [
    'Ext.Toolbar',
    'Ext.Button',
    'Ext.Img',
    'Ext.Label',
    'Ext.form.FieldSet'
],

config: {
    layout: 'hbox',
    items: [
        {
            xtype: 'toolbar',
            docked: 'top',
            itemId: 'navBar',
            title: 'app', // need to change 'app' from json dynamically
            items: [ ..... ]
        }
     ]
   }
});

JSON 示例

{
  data: {
    add: {
      application_config: {
        datasources: [
          {
            data: {
              application_title: "test2" // 'test2' should be passed as value to title
            }
          }
        ]
      }
    }
  }
}

Answer 1

所以你正在寻找Toolbar setTitle()？

也许您正在询问如何访问嵌套工具栏以设置其标题。

var newTitle = ''; // parse your JSON response here

var mainView = Ext.Viewport.down('main'); // 'main' is the xtype of your view
var toolbar = main.down('#navBar'); // '#navBar' is the component query to grab the component with an itemId of "navBar"
toolbar.setTitle(newTitle);

您可以根据需要清理上面的代码，但我故意详细解释完成此操作的步骤。

来自json的sencha touch 2工具栏标题

1 个答案: