EXTJS中,fieldset自带的checkbox如何通过代码控制选中和取消?
时间:2011-09-22
来源:互联网
fieldset上的checkbox被选中时,整个面板会展开。如果未被选中,整个面板会收缩起来。
我想用代码来控制是否选中fieldset上的checkbox。以达到展开收缩的效果。
但是使用:
Ext.getCmp("desFieldsetAdd").collapsed = false;不好使
Ext.getCmp("desFieldsetAdd").checked = false;不好使
Ext.getCmp("desFieldsetAdd").onCheckClick;不好使
非常郁闷,请擅长此道的前辈指点一下。非常感谢。
代码如下:
xtype:"fieldset",
id:"desFieldsetAdd",
// name:"desFieldsetAdd",
title:"前后内容",
layout:"form",
checkboxToggle:true,
checkboxName: "desFieldset",
checked: false,
collapsed: true,
items:[
{
xtype:"textarea",
id:"desTextareaBefore",
name:"desTextareaBefore",
fieldLabel:"前追加",
anchor:"100%"
},
{
xtype:"textarea",
id:"desTextareaLater",
fieldLabel:"后追加",
anchor:"100%"
}
]
}
我想用代码来控制是否选中fieldset上的checkbox。以达到展开收缩的效果。
但是使用:
Ext.getCmp("desFieldsetAdd").collapsed = false;不好使
Ext.getCmp("desFieldsetAdd").checked = false;不好使
Ext.getCmp("desFieldsetAdd").onCheckClick;不好使
非常郁闷,请擅长此道的前辈指点一下。非常感谢。
代码如下:
xtype:"fieldset",
id:"desFieldsetAdd",
// name:"desFieldsetAdd",
title:"前后内容",
layout:"form",
checkboxToggle:true,
checkboxName: "desFieldset",
checked: false,
collapsed: true,
items:[
{
xtype:"textarea",
id:"desTextareaBefore",
name:"desTextareaBefore",
fieldLabel:"前追加",
anchor:"100%"
},
{
xtype:"textarea",
id:"desTextareaLater",
fieldLabel:"后追加",
anchor:"100%"
}
]
}
作者: duyeguang 发布时间: 2011-09-22
折腾一天了,就是不好使。。哎
作者: duyeguang 发布时间: 2011-09-22
搜索一下
http://www.iteye.com/topic/671419
http://www.iteye.com/topic/671419
作者: mengxiangbaidu 发布时间: 2011-09-22
fieldset中的checkbox处理貌似跟普通的checkbox处理不太一样。
作者: duyeguang 发布时间: 2011-09-22
找到一个这个。。。
Extjs的Fieldset控件中有一个属性checkboxToggle,
这个属性在设置为true的时候,fieldset在title就会多出一个checkbox,
当勾选这个checkbox时,这个fieldset就会展开和收缩
此外还有一个属性是collapsible,这个也是用来做展开和收缩的,
与checkboxToggle不一定的时,这个出来的是一个小三角
这两个收缩/展开属性可以同时为true,
当它们同时为true时,checkbox和小三角会同时出现
可能有的人会觉得这两个属性是不是重复了,其实并没有,
这是因为checkboxToggle属性还有两个配合的属性:onCheckClick和checkboxName属性
onCheckClick属性是一个函数,用来替代默认的收缩/展开函数,
外加上checkboxName,可以在onCheckClick函数中知道checkbox的勾选情况,
从而来做一些事情,如:
如果fieldset里面是一个CheckBoxGroup,那么可以根据fieldset的checkBox情况,
来全选checkBoxGroup
onCheckClick函数这个要如何调用呢???
Extjs的Fieldset控件中有一个属性checkboxToggle,
这个属性在设置为true的时候,fieldset在title就会多出一个checkbox,
当勾选这个checkbox时,这个fieldset就会展开和收缩
此外还有一个属性是collapsible,这个也是用来做展开和收缩的,
与checkboxToggle不一定的时,这个出来的是一个小三角
这两个收缩/展开属性可以同时为true,
当它们同时为true时,checkbox和小三角会同时出现
可能有的人会觉得这两个属性是不是重复了,其实并没有,
这是因为checkboxToggle属性还有两个配合的属性:onCheckClick和checkboxName属性
onCheckClick属性是一个函数,用来替代默认的收缩/展开函数,
外加上checkboxName,可以在onCheckClick函数中知道checkbox的勾选情况,
从而来做一些事情,如:
如果fieldset里面是一个CheckBoxGroup,那么可以根据fieldset的checkBox情况,
来全选checkBoxGroup
onCheckClick函数这个要如何调用呢???
作者: duyeguang 发布时间: 2011-09-22
有那么复杂么 Ext.getCmp('fieldset的id').expand()/collapse() 分别对应展开和收缩
作者: fanchuanzhidu 发布时间: 2011-09-22
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28