Question

我有一个观点：

Ext.define('DemoApp.view.Main', {
    //Some code here
    ...
    items: [{
        xtype: 'label',
        text: //<- I want to run some scripts then return a string to this.
    }]
})

我试过了：

text: function() {
    return 'Test';
}

但没有发生任何事情。

请帮忙！

Answer 1

解决方案1：

function getText(){
   if(someVariable==someValue){
     return 'text1';
   } else{
     return 'text2';
   }
};
Ext.define('DemoApp.view.Main', {
    //Some code here
    ...
    items: [{
        xtype: 'label',
        text: getText()
    }]
});

在这种情况下，如果您将主要定义编写为单独的文件，getText函数将成为全局函数。

解决方案2：

Ext.define('DemoApp.view.Main', {
    //Some code here
    ...
    initComponent: function(){
        function getText(){
            if(someVariable==someValue){
               return 'text1';
            } else{
               return 'text2';
            }
        };
        this.items = [{
           xtype: 'label',
           text: getText()
        }];
        this.callParent(arguments);
    }
});

Answer 2

一组括号可以产生很大的不同：

text: function() {
    return 'Test';
}()

Answer 3

它对我有用，请检查以下代码。

 <script>
    function returntext(d){
        return d;
    }
    window.item = [{
        text: returntext("Name")
    }]
</script>

执行函数时返回字符串

3 个答案: