`

ext checkboxgroup 取值

阅读更多
  1. Ext.onReady(function(){  
  2.             var myCheckboxGroup = new  Ext.form.CheckboxGroup({   
  3.                 id:'myGroup' ,   
  4.                 xtype: 'checkboxgroup' ,   
  5.                 renderTo :'form-cb' ,  
  6.                 fieldLabel: 'Single Column' ,   
  7.                 itemCls: 'x-check-group-alt' ,   
  8.                 columns: 3 ,   
  9.                 items: [   
  10.                     {boxLabel: '唱歌' , name:  '1' },   
  11.                     {boxLabel: '游泳' , name:  '2' , checked:  true },   
  12.                     {boxLabel: '看书' , name:  '3' },  
  13.                     {boxLabel: '旅游' , name:  '4' },  
  14.                     {boxLabel: '游戏' , name:  '5' },  
  15.                     {boxLabel: '睡觉' , name:  '6' }   
  16.                 ]   
  17.             });   
  18.               
  19.             //CheckboxGroup取值方法   
  20.             for  (var i =  0 ; i < myCheckboxGroup.items.length; i++)  
  21.             {  
  22.                 if  (myCheckboxGroup.items.itemAt(i).checked)  
  23.                 {  
  24.                     alert(myCheckboxGroup.items.itemAt(i).name);                  
  25.                 }  
  26.             }  
  27.         }); 
分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    Ext checkBoxGroup的用法和取值

    本篇将详细探讨`checkBoxGroup`的使用方法及其取值方式,这对于创建复杂的表单和数据选择功能至关重要。 `Ext JS`中的`checkBoxGroup`是一个方便的组件,它允许用户在一个组内多选或单选复选框。`checkBoxGroup`常...

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

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

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

    ExtJS实现动态读写Checkboxgroup

    var checkboxGroup = Ext.create('Ext.form.CheckboxGroup', { columns: 2, items: [{ boxLabel: 'Option 1', name: 'option1', inputValue: '1' }, { boxLabel: 'Option 2', name: 'option2', inputValue:...

    EXT checkbox 的 check 事件

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

    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 类

    在JavaScript编程中,`CheckBoxGroup.js` 是一个用于管理复选框组的类,它提供了一种方便的方式来处理多个复选框之间的交互和数据管理。这个类通常用于创建用户界面,其中用户可以从多个选项中选择一个或多个。下面...

    table中checkbox取值

    &lt;td&gt;&lt;input type="checkbox" id="cb1" name="checkboxGroup"&gt; 数据1 &lt;td&gt;&lt;input type="checkbox" id="cb2" name="checkboxGroup"&gt; 数据2 &lt;!-- 更多行... --&gt; ``` 2. **JavaScript 获取值** 在 ...

    cocos2dx HTML Label & scrollview & checkboxgroup & 血条

    CheckboxGroup还支持互斥选择,即在同一组内的Checkbox只能选择一个,这可以通过设置互斥属性来实现。 在压缩包文件"TJTestV3"中,可能包含了使用这些技术的示例代码或者项目资源。这个测试项目可能是一个包含HTML...

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

    在EXT.NET中,我们可以为每个TreePanel节点添加Checkbox,通过配置`CheckBoxModel`来控制其行为。以下是一些关键知识点: 1. **CheckBoxModel配置**: - `Checkable`: 这个属性用来指定节点是否可被选中,设置为`...

    C#获取动态生成的CheckBox值

    Visual Studio 2012(VS2012)提供了丰富的控件库,包括CheckBox控件,它允许用户进行二选一的选择,比如开启或关闭某个功能。在本文中,我们将探讨如何在C#中动态生成和获取CheckBox控件的值,主要关注两种不同的...

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

    在Java编程中,`CheckBoxGroup`是一个经常用于创建多选框选择功能的组件,它允许用户从一组选项中选择一个或多个。这个组件通常在GUI(图形用户界面)设计中使用,例如在创建表单或者设置菜单时。下面将详细讨论`...

    EXTJS checkbox赋值

    1. `xtype`: 这个属性定义了组件的类型,对于`checkboxgroup`来说,它的值就是'checkboxgroup'。 2. `name`: 用于标识一组复选框,通常在表单提交或数据绑定时使用,确保后台可以正确地获取到用户的选择。 3. `id`: ...

    ext checkbox

    checkbox实例,还有radiobox

Global site tag (gtag.js) - Google Analytics