javascript - 带有函数值的html

Question

我对这个java脚本和Sencha真的很陌生，如果这个问题很简单，我很抱歉，但我没有找到办法做到这一点。

我有一个返回值的函数。现在我想在 html 行中显示函数的值。

我如何从 html 元素调用这个函数？我如何显示价值？

config: {
        title: 'Me',
        iconCls: 'user',
        //layout: 'fit',
        /* create a title bar for the tab panel */
        items: [
            {
            docked: 'top',
            xtype: 'titlebar',
            title: 'Singers'
        },
            {
            html: [ 
                        '<h1>Hi!! ' + this.setName +'</h1>'
                    ].join("")

    }
        ], 

},
setName: function (val) {
    var store =Ext.getStore('user');
    var last =  st.last('user');
    return val=(last.get('user'));
}
});

Answer 1

您可以使用 itemId 属性来引用组件，然后通过初始化侦听器更新其 html 属性。

例如：

config: {
         title: 'Me',
        iconCls: 'user',
        //layout: 'fit',
        /* create a title bar for the tab panel */
        items: [
            {
                docked: 'top',
                xtype: 'titlebar',
                title: 'Singers'
            },
            {
              itemId:'htmlContainer', //use itemIds like div ids
              xtype:'container',
              html: ''
           }
        ], 

        /**
         * @cfg listeners
         * Parent Component listeners go here. 
         * Check sencha touch doc for more information and other available events.
         */
        listeners:{
            initialize: 'onInitialise'
        }

},

onInitialise: function()
{
        //set the html config item here
        var c = this.down('#htmlContainer');
        c.setHtml(this.setName());
},
setName: function (val) {
    ....
}