ExtJS:如果绑定数据为空,如何隐藏显示字段

ExtJS:如果绑定数据为空,如何隐藏显示字段,extjs,extjs6,Extjs,Extjs6,面板中有许多字段,当数据为空时不应显示这些字段 { xtype: 'displayfield', fieldLabel: 'Date begin', bind: { value: '{record.date_begin}' } } 如果绑定的数据为空,是否有隐藏显示字段的好方法?要隐藏,最好的方法是绑定,如下所示,您可以保留“按值绑定”并添加“按隐藏绑定”,当值填充时,将使字段可见 { xtype: 'displayfield',

面板中有许多字段,当数据为空时不应显示这些字段

{
    xtype: 'displayfield',
    fieldLabel: 'Date begin',
    bind: {
        value: '{record.date_begin}'
    }
}

如果绑定的数据为空,是否有隐藏显示字段的好方法?

要隐藏,最好的方法是绑定,如下所示,您可以保留“按值绑定”并添加“按隐藏绑定”,当值填充时,将使字段可见

{
    xtype: 'displayfield',
    fieldLabel: 'Date begin',
    bind: {
        value: '{record.date_begin}',
        hidden: '{record.date_begin === false || record.date_begin == null}'
    }
}
编辑:
当值为0时工作。

是的,您是否尝试了
隐藏:“{!record.date_begin}”
?请在您的答案中添加一些内容。这不会在所有情况下都起作用,例如,如果它的值为
0
。这已在问题的注释部分得到回答。是的,但您最初的编辑正是该答案。顺便说一句,空数据与包含值0的数据不同。请注意,框架在6.2.x+中的绑定中添加了条件逻辑,因此,如果要在以前的版本中利用此答案,则必须将上述内容转换为实际的VM公式。