在视图中应用条件绑定

时间:2015-01-16 09:24:33

标签: extjs bind formula

如何在bind中应用条件?

在视图中让

{ xtype : 'label', bind : { text : '{//--- set text as per the condition }', hidden : '{//should be true if 'param' in VM is 1 or 2 else should be false}' } }

在视图模型中,'param'是一个数据变量。如果值为

param = 1,文字应为1,

param = 2,文字应为2,

param = 3,文字应该是三个。

通过直接在视野中应用条件,这可能没有公式吗?

1 个答案:

答案 0 :(得分:0)

{
    xtype : 'label',
    bind : 
    {
        text : '{textVal}'==0?'Test':'TEST1234',
        hidden : ('{param}'==1 || '{param}'==2)?true:false
    }
}

在关联的viewModel中,如果在数据配置中有一个属性param,则可以使用它进行绑定以及如上所述的条件检查。如果动态更改param值(即this.getViewModel().setData('param', 1)),那么代码仍可以动态隐藏组件。同样适用于其他配置viewModel -> data:{textVal:0,param:1}。如果有数据中的对象,例如data:{ config:{ textVal:0 }, param:1 },可以使用bind:{ text:'{config.textVal}' //along with ur condition check }