Question

我在extjs中尝试新事物，我想根据从数据库发送的值选择xtype。值是布尔值。因此，如果它是假的，我希望隐藏xtype，并且当它是真的是按钮时。

这样的事情：

if (valuefield == false){
    xtype: 'hidden'
}
else{
   xtype: 'button'
}

我知道值字段包含false或true，但是当if else添加而不是弹出错误时，如何使用if else语句？

这是我的代码：

text：＆＃39; Admin＆＃39;，

xtype: 'button',                                    
href: 'admin',
hrefTarget: '_self',                

queryMode : 'local',

valueField: 'admin',
store: Ext.create('Ext.data.Store',
{
 fields: ['admin'],
autoLoad: true,
proxy:
{
    type: 'ajax',
    url: 'admin/premision',
    reader:
    {
        type: 'json',
        root: 'data'
    }
}

Answer 1

如果符合以下条件，您应该可以使用内联：

xtype: valueField ? 'button' : 'hidden'

虽然最好设置隐藏属性：

xtype: 'button',
hidden: valueField ? false : true

Answer 2

希望这个小提琴你能给出一些想法 - https://fiddle.sencha.com/#fiddle/lho

    Ext.application({
    name : 'Test Dynamic Xtype', 
    launch : function() {

        Ext.define('HiddenModel',{
            extend: 'Ext.data.Model',
            fields: [
                'hidden', Boolean
            ]
        });
        // create the Data Store - This is a memory store
        var store = Ext.create('Ext.data.Store', {
            model: 'HiddenModel',
            //autoLoad: true,
            data:[{'hidden': false}]
        });

        // function that returns the xtype as string based on hidden: true| false
        var type = function getType(hidden){
            if(hidden)
                return 'textarea'
            else
                return 'textfield'
        }

        Ext.create('Ext.form.FormPanel', {
            title      : 'Test Item Click',
            width      : 400,
            bodyPadding: 10,
            renderTo   : Ext.getBody(),
            items: [{
                xtype: type(store.getData().items[0].data.hidden), // 
                text: 'My Field',
                name: 'My Field',
                value:'Hello'

            }]
        });

    }
});

使用if else选择x类型

2 个答案: