ext隐藏field好方法

最新推荐文章于 2018-08-17 18:09:33 发布

原创最新推荐文章于 2018-08-17 18:09:33 发布 · 615 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#EXT #UP

js 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种在ExtJS框架中同时隐藏Field及其对应Label的方法。通过禁用并隐藏Field，接着调整其父级元素的显示状态来达到隐藏Label的效果。提供了具体的JavaScript函数实现。

使用ext在使用hide()隐藏field时，会发现文本域隐藏了，但标签尚未隐藏。可以推断，field是将label和文本域分开写了。之前，我做法是将field定义到另外一个容器，然后通过其父容器，间接隐藏field。对此方式，有些厌烦，侥幸今天寻找到了一个新的实现方法，感觉不错。展示如下：

function hideField(field)   
    {   
       field.disable();// 隐藏文本域
       field.hide();   
       field.getEl().up('.x-form-item').setDisplayed(false); //隐藏标签，'.x-form-item'系统中的容器id   
    }   
  
    function showField(field)   
    {   
       field.enable();   
       field.show();   
       field.getEl().up('.x-form-item').setDisplayed(true);
    }