1

我正在尝试选择位于面板中的多个对象（2 个标签和 2 个文本字段）。我给这些组件一个属性（changeVisibility: true）。

所以我在这里尝试完成的事情非常简单：当用户选中复选框时，所有具有属性 (changeVisibility:true) 的组件都应该变得不可见。所以在我的控制器中，我试图选择这些组件，但到目前为止我无法完成。

非常感谢您的帮助！

我的面板代码：

Ext.define('Edocs.view.wizard.card-2.content.mobile-password.Panel', {
extend : 'Ext.FormPanel',
alias : 'widget.mobilePassword',
layout : {
    type : 'vbox',
    pack: 'center'
},
bodyStyle:{"background-color":"beige"},
border:false,
defaults:{

    width: '100%'     
},

items: [{        
    xtype           : 'checkboxfield',
    boxLabel        : 'Enable mobile (iphone) accesibility',
    boxLabelAlign   : 'before',
    name            : 'enableMobile',
    inputValue      : '1',
    id              : 'cbxMobile',
    itemId          : 'cbxMobile'

},{
    xtype: 'label',
    text: "Please enter a password to connect to the platform by mobile (iphone/ipad)",
    style: 'font-weight:bold;',
    changeVisibility :true
},{
    xtype: 'textfield', 
    name: 'mobilePassword',
    id: 'txtMobilePassword',
    inputType: 'password'  ,
    changeVisibility :true
    //width: '100%'
},{
    xtype: 'label',
    text: "Confirm password",
    style: 'font-weight:bold;',
    changeVisibility :true
},
{
    xtype: 'textfield', 
    name: 'mobilePasswordConfirm',
    itemId: 'txtMobilePasswordConfirm',
    inputType: 'password'  ,
    vtype: 'password',
    initialPassField: 'txtMobilePassword',
    changeVisibility :true
}],


initComponent : function() {

    Ext.apply(this, {})
    this.callParent(arguments);
}
});

这是我的控制器中的函数（在复选框的更改事件上调用此函数）：

addMobilePassword : function(checkbox) {
    var items = checkbox.up().down('mobilePassword[changeVisibility=true]');
    if (checkbox.checked){
        for (var i in items){
            items[i].setVisible(false);
        }
    }
}

我在使用这个选择器时遇到了问题：

 var items = checkbox.up().down('mobilePassword[changeVisibility=true]');

如果有人可以就如何选择这些组件给我一些建议。

谢谢！

4

2 回答 2

4

down()将找到容器的第一个匹配的后代。所以我认为你应该尝试：

checkbox.up().down('mobilePassword').query('label[changeVisibility], textfield[changeVisibility]')

或简明扼要

checkbox.up().query('label[changeVisibility], textfield[changeVisibility]')
于 2012-04-25T20:05:41.687 回答
0

尝试query('[changeVisibility=true]')

于 2012-04-25T10:20:00.390 回答