使用本地存储保存的值作为根文本中的文本

Question

我的 extjs 视图中有一个 treeView，其中我需要将本地存储变量的值作为根 name.The 当用户成功登录时将值提供给本地存储：

Ext.define('Eits.view.OrgTreeView', {
extend : 'Ext.tree.TreePanel',
requires: ['Eits.model.OrgTreeModel'],
    width : '100%',
    region : 'center',
    border : true,
    user = this.localStorageProvider.get('name'),
    store : {
        xtype : 'tree',
        fields : Eits.model.OrgTreeModel.FIELDS,
        //model: 'Eits.model.OrgTreeModel',
        autoLoad: false,
        root: {
            id: 'rootNode',
            objectId : 'rootNode',
            leaf: false,
            expanded: false,
            text : this.user, 
            iconCls : 'mts-Tree-Node',
        },
        proxy: {
            type: 'ajax',
            url: 'orgTree/getNavigationTree.action',
            actionMethods: 'POST',
            reader: {
                type: 'json',
                root: 'data'     
            }
        }
    },...

有没有一种方法可以让我从本地存储中获取值并将其作为名称传递给树的 root.Also 当我将静态值传递给商店根中的 text 字段时，它确实在我的 UI.

中显示了静态值

Answer 1

只需将树商店的创建移动到里面 initComponent:

Ext.define('Eits.view.OrgTreeView', {
    extend: 'Ext.tree.TreePanel',
    requires: ['Eits.model.OrgTreeModel'],
    width: '100%',
    region: 'center',
    border: true,
    initComponent: function() {
        this.store = Ext.create('Ext.data.TreeStore', {
            fields : Eits.model.OrgTreeModel.FIELDS,
            autoLoad: false,
            root: {
                id: 'rootNode',
                objectId : 'rootNode',
                leaf: false,
                expanded: false,
                text: localStorageProvider.get('name'), 
                iconCls: 'mts-Tree-Node',
            },
            proxy: {
                type: 'ajax',
                url: 'orgTree/getNavigationTree.action',
                actionMethods: 'POST',
                reader: {
                    type: 'json',
                    root: 'data'     
                }
            }
        });
        this.callParent();
    }
});

使用本地存储保存的值作为根文本中的文本

using local storage saved value as a text in a root text

tree

extjs

store

local-storage