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'}
]
});
//CheckboxGroup取值方法
for (var i = 0; i < myCheckboxGroup.items.length; i++)
{
if (myCheckboxGroup.items.itemAt(i).checked)
{
alert(myCheckboxGroup.items.itemAt(i).name);
}
}
});
分享到:
相关推荐
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(...
若想动态写入CheckboxGroup,即改变其状态,可以使用`setValue()`方法,传入一个与`getValue()`相同格式的数组: ```javascript checkboxGroup.setValue(['2', '3']); ``` 上述操作会根据提供的inputValue值选中...
EXTjs2 的treeNode 带有checkbox,可是API中,关于checkbox的事件就只有一个checkchange事件,所以写个方法传上来。
Extjs3.0 中的CheckboxGroup默认不能动态添加item。虽然它继承了Ext.form.Field,但是却类似于容器。 CheckboxGroup配置中的items处理生成一个对应的panel,该处理过程只有一次,所以很难对CheckboxGroup进行动态...
如果需要一组互斥的复选框,可以使用`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) ...
`CheckBoxGroup`是一个JavaScript类,它定义了一些属性和方法,用于封装与复选框组相关的操作。 3. **实例化对象(Instantiation)**: 使用`new`关键字可以创建`CheckBoxGroup`类的实例,通常需要传入一组复选框...
在EXT.NET框架中,TreePanel是一个非常重要的组件,它用于展示层次结构的数据,通常用于构建树形目录或层级关系的...记住,EXT.NET提供了一个强大的API,允许开发者对TreePanel的Checkbox操作和父子联动进行高度定制。
在游戏开发领域,Cocos2d-x是一款广泛使用的开源跨平台2D游戏引擎,它支持多种编程语言,包括C++、Lua和JavaScript。本话题主要关注Cocos2d-x中的HTML标签、ScrollView以及CheckboxGroup,这些都是构建游戏界面和...
在网页设计和开发中,表格(Table)是展示数据常用的一种布局方式,而复选框(Checkbox)则是用户交互的重要元素之一。当我们需要在表格中使用复选框时,往往需要处理它们的值,比如选中状态的获取、传递或者存储。...
7. `items`: 这是一个数组,包含了每个复选框的配置,每个配置项包括`boxLabel`(复选框显示的文本)、`name`(与`checkboxgroup`相同的name,用于数据绑定)和`inputValue`(当复选框被选中时,对应的值)。...
总的来说,EXT TREE扩展CHECKBOX JS是一项实用的功能,它使得EXT JS的树形组件能够更好地满足多选和交互的需求,适用于那些需要用户对层次结构数据进行选择的应用场景。通过深入理解并利用`Ext.tree.TreeCheckNodeUI...
下面将详细讨论`CheckBoxGroup`相关的知识点,包括自定义属性、自定义控件、自定义函数和自定义类。 1. **自定义属性**: 在Java中,`CheckBoxGroup`可能没有直接的自定义属性,但它可以通过继承`java.awt.Checkbox...
在本文中,我们将探讨如何在C#中动态生成和获取CheckBox控件的值,主要关注两种不同的实现方式。 **方法一:服务器容器控件中添加子控件** 在ASP.NET中,我们可以利用服务器端控件来动态创建CheckBox。这种方式的...
checkbox实例,还有radiobox