Ext组件使用举例【复选框】

1、一个复选框，点选展示一些内容，取消点选可以隐藏改内容
可以使用组件：xtype: 'checkboxgroup’

{
	xtype: 'checkboxgroup',
	id:'changeStatusGroup',
	items: [
		{boxLabel: '点选展示内容', name: 'changeStatus', inputValue: 1},
	],
	listeners: {
		'change': function (self, n, o) {
			changeStatus();
		}
	}
}

getValue()方法的使用，判断复选框是否选中来显示和隐藏内容

function changeStatus(){
    if (Ext.getCmp("changeStatusGroup").getValue()['changeStatus'] == 1) {
        Ext.getCmp('showText').show();
    } else {
        Ext.getCmp("showText").hide();
    }
}

setValue()方法的使用，根据某些条件使用复选框选中

var someValue = Ext.getCmp("someValue").getValue();
if(someValue == 'YES'){
	Ext.getCmp("changeStatusGroup").setValue({
		changeStatus: true
	});
}