取到的值是:"1,2"这种形式
var wine = Ext.create('Ext.form.CheckboxGroup',{
fieldLabel:'喜欢烟酒',
labelAlign:'right',
width:250,
labelWidth:60,
name:'smokes',
items:[
{anchor:'50%',boxLabel:'抽烟',name:'smoke',inputValue:'1'},
{anchor:'50%',boxLabel:'喝酒',name:'wine',inputValue:'2'}
],
getValue: function () {
var val = [];
this.items.each(function (c) {
if (c.getValue() == true)
val.push(c.inputValue);
});
return val.join(',');
},
setValue: function (val) {
if (val.split) {
val = val.split(',');
}
this.reset();
for (var i = 0; i < val.length; i++) {
this.items.each(function (c) {
if (c.inputValue == val[i]) {
c.setValue(true);
}
});
}
},
reset: function () {
this.items.each(function (c) {
c.setValue(false);
});
}
分享到:
相关推荐
若想动态写入CheckboxGroup,即改变其状态,可以使用`setValue()`方法,传入一个与`getValue()`相同格式的数组: ```javascript checkboxGroup.setValue(['2', '3']); ``` 上述操作会根据提供的inputValue值选中...
在描述中提到的“最难解决的问题”——在修改时为`checkboxgroup`赋值,这是因为EXTJS默认的`setValue`方法可能不会按照期望的方式更新所有复选框的状态。为了解决这个问题,开发者通常需要自定义方法来处理。如示例...
Extjs3.0 中的CheckboxGroup默认不能动态添加item。虽然它继承了Ext.form.Field,但是却类似于容器。 CheckboxGroup配置中的items处理生成一个对应的panel,该处理过程只有一次,所以很难对CheckboxGroup进行动态...
ExtJs4 Checkbox Tree是基于ExtJs 4框架实现的一种特殊树形组件,它在传统的树形结构基础上增加了复选框功能。这种组件常用于需要用户多选树形数据的场景,比如权限设置、目录选择等。下面将详细介绍ExtJs4 Checkbox...
重写 代码如下: //解决checkboxgroup回填数据问题 Ext.override(Ext.form.BasicForm,{ findField : function(id){ var field = this.items.get(id); if(!field){ this.items.each(function(f){ if(f.isXType(...
Ext.override(Ext.form.CheckboxGroup,{ setValueForItem : function(val){ //多个选项值以逗号分开的 val = “,”+val+”,” this.items.each(function(item) { if (val.indexOf(item.inputValue) > -1) { item....
在JSP页面上,ExtJS与ADF(Oracle Application Development Framework)一起使用时,可能涉及到数据模型和视图的交互。ADF提供服务器端的业务逻辑处理,而ExtJS负责客户端的展示和交互。在这样的应用场景中,我们...
3. **重写Panel的行为**:如果要重写Panel的默认行为,我们可以使用`on`方法,它与`addListener`相似,但提供了更多的控制。例如,我们可能希望只有在点击Panel的某个特定区域(如标题栏)时才触发事件: ```...
在这个场景中,我们将深入探讨如何在Ext JS中重写Panel并为其添加click事件。 首先,理解Panel的基本结构是至关重要的。一个Panel由多个部分组成,包括头部(header)、主体(body)和脚部(footer)。我们可以通过...
EXTjs2 的treeNode 带有checkbox,可是API中,关于checkbox的事件就只有一个checkchange事件,所以写个方法传上来。
Extjs 模拟下拉多选checkbox
### Extjs 属性方法详解 #### 一、`Ext.form.Action` 类 `Ext.form.Action` 是用于处理表单操作的类,主要包括提交和加载数据的功能。 - **属性:** - `success`: 表示操作成功时的回调函数。 - `failure`: ...
EXTJS是一种广泛应用于Web开发的JavaScript库,特别适合构建富客户端应用。在EXTJS中,时间控件(Date Picker)是常见的元素,用于选择日期或时间。然而,有时开发人员可能需要对这些控件进行自定义,以满足特定业务...
标题中的“ExtJS+FusionCharts结合的两种方法”是指在Web开发中,如何将ExtJS框架与FusionCharts图表库结合起来使用,以实现交互式的、数据丰富的可视化界面。ExtJS是一个强大的JavaScript库,用于构建复杂的用户...
### ExtJS4自动生成Grid列显示/隐藏Checkbox的实现方法 #### 一、问题背景及需求分析 在ExtJS4的应用开发过程中,有时会遇到这样的需求:需要为GridPanel中的每一列提供一个Checkbox来控制其是否显示。尽管ExtJS4...
标题中的“EXTJS动态树支持checkbox全选”指的是EXTJS中树组件的一个特性,即在树形结构中添加复选框(checkbox)功能,并支持全选和全取消选中操作。这样的功能对于需要用户进行多项选择的场景非常有用,比如文件...
10. **API文档**:虽然没有提供官方中文文档,但英文API文档详细介绍了每个类、方法和属性,是学习和使用ExtJS的重要资源。 11. **示例和教程**:2.3.0开发包通常会包含一些示例代码,这些代码展示了如何使用各种...