extjs 根据fieldset的checkBox情况,来全选checkBoxGroup
本人用的ext4有一个fieldset中中有个checkboxgroup(多选框根据后台查询的数据动态加载的)想在checkboxgroup中加个全选，一下是搜到的资料：...
本人用的ext4 有一个fieldset中中有个checkboxgroup(多选框根据后台查询的数据动态加载的) 想在checkboxgroup中加个全选，一下是搜到的资料：
checkboxToggle属性还有两个配合的属性：onCheckClick和checkboxName属性
onCheckClick属性是一个函数，用来替代默认的收缩/展开函数，外加上checkboxName，可以在onCheckClick函数中知道
checkbox的勾选情况，从而来做一些事情，如：如果fieldset里面是一个CheckBoxGroup,那么可以根据fieldset的
checkBox情况，来全选checkBoxGroup。- -----onCheckClick这个函数不会用 怎么调用 或者 有其他方法也可以 在线等大神！ 展开
checkboxToggle属性还有两个配合的属性：onCheckClick和checkboxName属性
onCheckClick属性是一个函数，用来替代默认的收缩/展开函数，外加上checkboxName，可以在onCheckClick函数中知道
checkbox的勾选情况，从而来做一些事情，如：如果fieldset里面是一个CheckBoxGroup,那么可以根据fieldset的
checkBox情况，来全选checkBoxGroup。- -----onCheckClick这个函数不会用 怎么调用 或者 有其他方法也可以 在线等大神！ 展开
1个回答
展开全部
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Extjs 4.2 demo</title>
<link rel="stylesheet" href="../resources/css/ext-all.css">
<script src="../bootstrap.js"></script>
<script>
Ext.onReady(function(){
Ext.create('Ext.Panel',{
width:450,
items:[{
xtype: 'checkboxgroup',
listeners:{
change:function(gp,nv,ov,eOpts){
// 全选
if(nv.all && !ov.all)
return gp.eachBox(function(box,idx){
box.setRawValue(true);
});
// 反选
if(ov.all && !nv.all)
return gp.eachBox(function(box,idx){
box.setRawValue(false);
});
}
},
width:'100%',
fieldLabel: 'Auto Layout',
cls: 'x-check-group-alt',
items: [
{boxLabel: '全选', name: 'all'},
{boxLabel: 'Item 1', name: 'cb-auto-1', checked: true},
{boxLabel: 'Item 2', name: 'cb-auto-2'},
{boxLabel: 'Item 3', name: 'cb-auto-3'},
{boxLabel: 'Item 4', name: 'cb-auto-4'}
]
},{
xtype:'button',
text:'GetChecked',
handler:function(){
Ext.Msg.alert('选中数量',String(this.up('panel').items.items[0].getChecked().length));
}
}],
renderTo:Ext.getBody()
});
});
</script>
</head>
<body>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
