`
- 浏览:
31399 次
- 性别:
- 来自:
广州
-
-
Ext.onReady(function(){
-
var myCheckboxGroup = new
Ext.form.CheckboxGroup({
-
id:'myGroup'
,
-
xtype: 'checkboxgroup'
,
-
renderTo :'form-cb'
,
-
fieldLabel: 'Single Column'
,
-
itemCls: 'x-check-group-alt'
,
-
columns: 3
,
-
items: [
-
{boxLabel: '唱歌'
, name:
'1'
},
-
{boxLabel: '游泳'
, name:
'2'
, checked:
true
},
-
{boxLabel: '看书'
, name:
'3'
},
-
{boxLabel: '旅游'
, name:
'4'
},
-
{boxLabel: '游戏'
, name:
'5'
},
-
{boxLabel: '睡觉'
, name:
'6'
}
-
]
-
});
-
-
-
for
(var i =
0
; i < myCheckboxGroup.items.length; i++)
-
{
-
if
(myCheckboxGroup.items.itemAt(i).checked)
-
{
-
alert(myCheckboxGroup.items.itemAt(i).name);
-
}
-
}
-
});
分享到:
Global site tag (gtag.js) - Google Analytics
相关推荐
本篇将详细探讨`checkBoxGroup`的使用方法及其取值方式,这对于创建复杂的表单和数据选择功能至关重要。 `Ext JS`中的`checkBoxGroup`是一个方便的组件,它允许用户在一个组内多选或单选复选框。`checkBoxGroup`常...
Ext_Net_CheckboxGroup 勾选、全选、反选和限制勾选
重写 代码如下: //解决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(...
Extjs3.0 中的CheckboxGroup默认不能动态添加item。虽然它继承了Ext.form.Field,但是却类似于容器。 CheckboxGroup配置中的items处理生成一个对应的panel,该处理过程只有一次,所以很难对CheckboxGroup进行动态...
var checkboxGroup = Ext.create('Ext.form.CheckboxGroup', { columns: 2, items: [{ boxLabel: 'Option 1', name: 'option1', inputValue: '1' }, { boxLabel: 'Option 2', name: 'option2', inputValue:...
EXTjs2 的treeNode 带有checkbox,可是API中,关于checkbox的事件就只有一个checkchange事件,所以写个方法传上来。
如果需要一组互斥的复选框,可以使用`Ext.container.CheckboxGroup`,它允许用户从一组选项中选择一个。配置`columns`属性可以设置每行显示的复选框数量。 8. **响应式设计** 在移动设备上,复选框的布局可能需要...
代码如下: Ext.override(Ext.form.CheckboxGroup,{ setValueForItem : function(val){ //多个选项值以逗号分开的 val = “,”+val+”,” this.items.each(function(item) { if (val.indexOf(item.inputValue) > -1) ...
在JavaScript编程中,`CheckBoxGroup.js` 是一个用于管理复选框组的类,它提供了一种方便的方式来处理多个复选框之间的交互和数据管理。这个类通常用于创建用户界面,其中用户可以从多个选项中选择一个或多个。下面...
<td><input type="checkbox" id="cb1" name="checkboxGroup"> 数据1 <td><input type="checkbox" id="cb2" name="checkboxGroup"> 数据2 <!-- 更多行... --> ``` 2. **JavaScript 获取值** 在 ...
CheckboxGroup还支持互斥选择,即在同一组内的Checkbox只能选择一个,这可以通过设置互斥属性来实现。 在压缩包文件"TJTestV3"中,可能包含了使用这些技术的示例代码或者项目资源。这个测试项目可能是一个包含HTML...
在EXT.NET中,我们可以为每个TreePanel节点添加Checkbox,通过配置`CheckBoxModel`来控制其行为。以下是一些关键知识点: 1. **CheckBoxModel配置**: - `Checkable`: 这个属性用来指定节点是否可被选中,设置为`...
Visual Studio 2012(VS2012)提供了丰富的控件库,包括CheckBox控件,它允许用户进行二选一的选择,比如开启或关闭某个功能。在本文中,我们将探讨如何在C#中动态生成和获取CheckBox控件的值,主要关注两种不同的...
在Java编程中,`CheckBoxGroup`是一个经常用于创建多选框选择功能的组件,它允许用户从一组选项中选择一个或多个。这个组件通常在GUI(图形用户界面)设计中使用,例如在创建表单或者设置菜单时。下面将详细讨论`...
1. `xtype`: 这个属性定义了组件的类型,对于`checkboxgroup`来说,它的值就是'checkboxgroup'。 2. `name`: 用于标识一组复选框,通常在表单提交或数据绑定时使用,确保后台可以正确地获取到用户的选择。 3. `id`: ...
checkbox实例,还有radiobox