`
lw671579557
  • 浏览: 106076 次
  • 性别: Icon_minigender_1
  • 来自: 湖南
社区版块
存档分类
最新评论

Ext checkBoxGroup的用法和取值

阅读更多
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 勾选、全选、反选和限制勾选

    Ext_Net_CheckboxGroup 勾选、全选、反选和限制勾选

    ext 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(...

    ExtJS实现动态读写Checkboxgroup

    若想动态写入CheckboxGroup,即改变其状态,可以使用`setValue()`方法,传入一个与`getValue()`相同格式的数组: ```javascript checkboxGroup.setValue(['2', '3']); ``` 上述操作会根据提供的inputValue值选中...

    EXT checkbox 的 check 事件

    EXTjs2 的treeNode 带有checkbox,可是API中,关于checkbox的事件就只有一个checkchange事件,所以写个方法传上来。

    Extjs3.0 checkboxGroup 动态添加item实现思路

    Extjs3.0 中的CheckboxGroup默认不能动态添加item。虽然它继承了Ext.form.Field,但是却类似于容器。 CheckboxGroup配置中的items处理生成一个对应的panel,该处理过程只有一次,所以很难对CheckboxGroup进行动态...

    Ext表单组件之checkbox

    如果需要一组互斥的复选框,可以使用`Ext.container.CheckboxGroup`,它允许用户从一组选项中选择一个。配置`columns`属性可以设置每行显示的复选框数量。 8. **响应式设计** 在移动设备上,复选框的布局可能需要...

    extjs 初始化checkboxgroup值的代码

    代码如下: Ext.override(Ext.form.CheckboxGroup,{ setValueForItem : function(val){ //多个选项值以逗号分开的 val = “,”+val+”,” this.items.each(function(item) { if (val.indexOf(item.inputValue) &gt; -1) ...

    CheckBoxGroup.js:CheckBoxGroup JavaScript 类

    `CheckBoxGroup`是一个JavaScript类,它定义了一些属性和方法,用于封装与复选框组相关的操作。 3. **实例化对象(Instantiation)**: 使用`new`关键字可以创建`CheckBoxGroup`类的实例,通常需要传入一组复选框...

    Ext.net TreePanel的Checkbox操作及父子联动

    在EXT.NET框架中,TreePanel是一个非常重要的组件,它用于展示层次结构的数据,通常用于构建树形目录或层级关系的...记住,EXT.NET提供了一个强大的API,允许开发者对TreePanel的Checkbox操作和父子联动进行高度定制。

    cocos2dx HTML Label & scrollview & checkboxgroup & 血条

    在游戏开发领域,Cocos2d-x是一款广泛使用的开源跨平台2D游戏引擎,它支持多种编程语言,包括C++、Lua和JavaScript。本话题主要关注Cocos2d-x中的HTML标签、ScrollView以及CheckboxGroup,这些都是构建游戏界面和...

    table中checkbox取值

    在网页设计和开发中,表格(Table)是展示数据常用的一种布局方式,而复选框(Checkbox)则是用户交互的重要元素之一。当我们需要在表格中使用复选框时,往往需要处理它们的值,比如选中状态的获取、传递或者存储。...

    EXTJS checkbox赋值

    7. `items`: 这是一个数组,包含了每个复选框的配置,每个配置项包括`boxLabel`(复选框显示的文本)、`name`(与`checkboxgroup`相同的name,用于数据绑定)和`inputValue`(当复选框被选中时,对应的值)。...

    EXT TREE 扩展CHECKBOX JS

    总的来说,EXT TREE扩展CHECKBOX JS是一项实用的功能,它使得EXT JS的树形组件能够更好地满足多选和交互的需求,适用于那些需要用户对层次结构数据进行选择的应用场景。通过深入理解并利用`Ext.tree.TreeCheckNodeUI...

    CheckBoxGroup:自定义属性,自定义控件,自定义函数,自定义类;多选框checkBox;

    下面将详细讨论`CheckBoxGroup`相关的知识点,包括自定义属性、自定义控件、自定义函数和自定义类。 1. **自定义属性**: 在Java中,`CheckBoxGroup`可能没有直接的自定义属性,但它可以通过继承`java.awt.Checkbox...

    C#获取动态生成的CheckBox值

    在本文中,我们将探讨如何在C#中动态生成和获取CheckBox控件的值,主要关注两种不同的实现方式。 **方法一:服务器容器控件中添加子控件** 在ASP.NET中,我们可以利用服务器端控件来动态创建CheckBox。这种方式的...

    ext checkbox

    checkbox实例,还有radiobox

Global site tag (gtag.js) - Google Analytics