`
macbin
  • 浏览: 8038 次
  • 性别: Icon_minigender_1
  • 来自: 厦门
社区版块
存档分类
最新评论

Ext中Checkbox的注意事项

阅读更多

Ext.form.Checkbox 

常规定义:

border : true,

layout : 'form',

columnWidth: '0.5',
 
items : [{
  
       xtype : 'checkbox',

       fieldLabel : '是否返程',
       boxLabel : '返程',

       allowBlank : true,

       name : 'isBack',

       id : 'isBack_id_update',

       maxLength : 20,
//
       checked : true ,

       listeners: { 
  
         check: function(obj, checked) {

           /var isChecked=Ext.getCmp('isBack_id_update').checked ;

               if(checked){
	
         Ext.getCmp("backTicketCost_id_update").setVisible(true);

      
	       }else{
 
 	         Ext.getCmp("backTicketCost_id_update").setVisible(false);
 
 	       }
 
       	}
  
     }
     
 }]
设置项: 
1)boxLabel是指box右边的文字;
注意与另一个设置项:FieldLabel区别,
FieldLabel是左边的文字,必须在form布局下才会显示(默认隐藏)。
2)inputValue,这个是input标签的value ,提交表单时使用。
例如这里提交的是 isBack=1;
如果不设置,则提交isBack=no
 
 
动态勾选:
Ext.getCmp('isBack_id_update').setValue(true);

不是
Ext.getCmp('isBack_id_update').checked=true;

分享到:
评论

相关推荐

    EXT checkbox 的 check 事件

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

    Ext表单组件之checkbox

    本篇文章将深入探讨Ext表单组件中的checkbox,以及如何利用源码和相关工具进行定制和优化。 1. **复选框的基本概念** 复选框在用户界面中常用于让用户从多个选项中选择一个或多个。在Ext JS中,复选框是`Ext.form....

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

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

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

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

    Ext checkBoxGroup的用法和取值

    `Ext JS`中的`checkBoxGroup`是一个方便的组件,它允许用户在一个组内多选或单选复选框。`checkBoxGroup`常用于数据过滤、设置偏好或选择多个选项的场景。我们首先来了解如何在代码中创建一个`checkBoxGroup`。 ```...

    EXT TREE 扩展CHECKBOX JS

    在EXT JS中,树形组件(Tree Panel)常用于展现层级结构的数据,而扩展CHECKBOX功能则允许用户对树节点进行多选操作。 在EXT JS的Tree Panel中,要实现复选框功能,我们需要自定义UI Provider。UI Provider是EXT JS...

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

    ListView中添加CheckBox

    1、ListView item中加入checkbox后onListItemClick 事件无法触发。 原因:checkbox的优先级高于ListItem于是屏蔽了ListItem的单击事件。 解决方案:设置checkbox的android:focusable="false" 2、选择其中的...

    动态获取recyclerView中CheckBox的值

    #### 三、注意事项 - **性能优化**:在处理大量数据时,要注意优化`RecyclerView`的性能,避免不必要的数据重绘。 - **CheckBox状态同步**:确保CheckBox的状态在用户交互过程中正确更新,避免状态不同步的问题。 -...

    Ext模拟下拉多选checkbox

    Extjs 模拟下拉多选checkbox

    Flex Tree 中Checkbox

    在“Flex Tree 中Checkbox”的场景下,我们主要讨论如何在Flex Tree组件中集成Checkbox,以及如何通过Checkbox来获取用户的选中状态。 1. **Flex Tree组件**:Flex Tree是MXML和ActionScript中的一个控件,用于显示...

    C#中获取CheckBox选中值(多选)

    ### 四、注意事项 在处理CheckBox时,需要注意以下几点: - **性能考虑**:对于大量CheckBox的情况,遍历可能会影响程序性能。应考虑优化查找逻辑或采用更高效的数据结构。 - **异常处理**:在类型转换和属性访问...

    获取GridView中Checkbox的值

    注意,这里假设每个Checkbox的value属性与数据库中的"id"字段对应,且我们希望将选中的记录的"id"组合成一个字符串。 示例代码中,fileText被用来存储选中Checkbox的"id"值,但是代码并未完成,最后一行的`fileText...

    从xml中改变checkBox大小和形状

    CheckBox作为用户界面中的一个常见组件,常用于实现二选一的选择功能。在Android中,我们可以通过自定义样式和修改XML属性来实现对CheckBox外观的调整。 首先,我们来了解CheckBox的基本结构。在Android的布局XML...

    table中checkbox取值

    "table中checkbox取值"这个主题聚焦于如何在HTML表格中处理复选框(checkbox)的选择状态,并获取其对应的值。复选框是用户界面中常见的一种交互元素,允许用户对多个选项进行选择或确认。 在HTML中,`<input>`标签...

    android中CheckBox加载自定义选中与未选中图片样式

    需要注意的是,自定义绘图可能会牺牲一些性能,因此在处理大量CheckBox或者对性能要求较高的场景时,应谨慎使用这种方法。 在实际开发中,还可以通过使用StateListDrawable或者引入第三方库如Material Design ...

    WPF中checkbox使用

    在Windows Presentation Foundation (WPF) 中,CheckBox是一个常用的控件,用于表示两种状态:选中或未选中。它在用户界面中广泛用于提供一种让用户进行单选或多选的交互方式。本教程将深入探讨如何在WPF中利用...

    Ext.net TreePanel的Checkbox操作及父子节点联动(修正)

    在EXT.NET框架中,TreePanel是一个非常重要的组件,它用于展示层次结构的数据,例如文件系统、组织结构等。本文将详细讲解如何实现TreePanel中的Checkbox操作以及父子节点间的联动效果,特别是针对之前存在的Bug进行...

    GridView控件中CheckBox(2.0)

    本教程将深入探讨如何在GridView中集成CheckBox控件,以实现用户交互和数据操作。 首先,GridView控件是ASP.NET Web Forms中的一个服务器控件,它能够轻松地从数据库或其他数据源绑定数据,并且提供了多种内置功能...

Global site tag (gtag.js) - Google Analytics