`
wangcheng
  • 浏览: 1465150 次
  • 性别: Icon_minigender_1
  • 来自: 青岛人在北京
社区版块
存档分类
最新评论

在Flex的DataGrid中使用CheckBox

阅读更多

在Flex的DataGrid中添加CheckBox

xml 代码
  1. <!---->xml version="1.0" encoding="utf-8"?>  
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init()">  
  3.   
  4.     <mx:Script>  
  5.         <!----> 
  6.             import model.CarVO;  
  7.             import mx.collections.ArrayCollection;  
  8.           
  9.             [Bindable]  
  10.             private var carArray : ArrayCollection = new ArrayCollection();  
  11.               
  12.             private function init():void {  
  13.                   
  14.                 var car : CarVO = new CarVO();  
  15.                 car.name = "Ford";  
  16.                 car.available = true;  
  17.                 carArray.addItem(car);  
  18.                   
  19.                 car = new CarVO();  
  20.                 car.name = "Benz";  
  21.                 car.available = true;  
  22.                 carArray.addItem(car);  
  23.                   
  24.                 car = new CarVO();  
  25.                 car.name = "BMW";  
  26.                 car.available = true;  
  27.                 carArray.addItem(car);  
  28.             }  
  29.  
  30.         ]]>  
  31.     mx:Script>  
  32.        
  33.     <mx:DataGrid top="40" left="10" dataProvider="{carArray}">  
  34.         <mx:columns>  
  35.             <mx:Array>  
  36.                 <mx:DataGridColumn headerText="Car Name" dataField="name">  
  37.                     <mx:itemRenderer>  
  38.                         <mx:Component>  
  39.                             <mx:CheckBox label="{data.name}" selected="{data.available}" click="data.available = !data.available"/>  
  40.                         mx:Component>  
  41.                     mx:itemRenderer>  
  42.                 mx:DataGridColumn>  
  43.                 <mx:DataGridColumn headerText="Available" dataField="available" />  
  44.             mx:Array>  
  45.         mx:columns>  
  46.     mx:DataGrid>  
  47.        
  48. mx:Application>  

参考

http://www.dgrigg.com/post.cfm/10/20/2006/Flex-ItemRenderer-CheckBox-Sample
分享到:
评论
7 楼 xinxin622 2009-02-26  
data这是指什么
6 楼 tomcatlee2003 2009-01-20  
怎么在grid里面用radiobutton?,并且要知道我选中的是哪一行?我现在只知道没有radiobutton可以给个id,然后根据id来取值,但是grid里面的数据是动态的,应在怎么做?
5 楼 tomcatlee2003 2009-01-12  
hacker47 写道

click="data.available = !data.available"要写成click="{data.available = !data.available}"吧,但是好像属性绑定不到数据源里去


改成 click="{data.available = !data.available}"后还是很怪异,有时候不能选中。删掉就好了。
4 楼 tomcatlee2003 2009-01-10  
Nice,不过怎么用radiobutton?而且只能单选,我试过
<mx:RadioButton label="{data.name}" selected="{data.available}" click="data.available = !data.available"/>
但是要先把已经选中的行再点一次才能选中别的行
3 楼 three_uncle 2008-09-23  
你在括号少的还真多。。。
2 楼 wangcheng 2008-09-17  
啊,以前javaeye的代码框对flex代码支持不好,经常少个括号什么的
1 楼 hacker47 2008-09-13  
click="data.available = !data.available"要写成click="{data.available = !data.available}"吧,但是好像属性绑定不到数据源里去

相关推荐

    Flex的DataGrid中使用CheckBox

    Flex的DataGrid中使用CheckBox. 大家共同研究

    Flex Datagrid checkbox实现

    在标题“Flex Datagrid checkbox实现”中,讨论的核心是Datagrid中集成复选框(checkbox)的功能。 在Flex Datagrid中实现复选框功能,主要是通过添加一个自定义的列renderer来完成。Renderer是Datagrid中的一个小...

    Flex DataGrid CheckBox 一个简单的全选

    在Flex的DataGrid中,我们可以为每一行添加CheckBox,这样用户就可以通过点击CheckBox来选择或取消选择特定的行。这在需要多选操作的场景中非常实用,比如用户需要批量处理某些数据。 二、设置CheckBox的默认状态 ...

    flex datagrid 嵌套checkbox实现全选

    在Flex开发中,数据网格(DataGrid)是用于展示数据集合的强大组件,它允许用户以表格形式查看和操作数据。本示例关注的是在DataGrid中嵌套复选框(Checkbox),并实现全选功能。这在需要用户批量选择或操作数据的...

    flex datagrid 标题栏添加 checkbox 和 数据行 checkbox 连动

    在Flex开发中,数据网格(DataGrid)是一种常用的组件,用于展示结构化的数据。当我们需要在数据网格中实现复选框功能,以便用户可以多选数据行时,通常会遇到两个主要需求:一是如何在标题栏添加复选框,二是如何使...

    flex在DataGrid中实现checkbox全选或取消

    在IT行业中,尤其是在Web开发领域,Flex是一种广泛使用的ActionScript框架,它允许开发者构建富互联网应用程序(RIA)。本文将深入探讨如何在Flex中的DataGrid组件中实现复选框的全选与取消全选功能,这对于数据操作...

    flex Datagrid checkbox全选

    对于行中的checkbox,你可以在数据源中定义对应的字段,Flex会自动使用默认的`CheckBoxItemRenderer`。 总结起来,实现Flex Datagrid checkbox全选功能主要涉及自定义数据列、表头渲染器和行渲染器,通过事件监听和...

    怎样在flex的datagrid中运用checkbox

    本文将深入探讨如何在Flex的DataGrid中使用复选框,并实现全选和单选功能。 首先,我们需要在DataGrid的列定义中添加一个CheckBox组件。在MXML中,你可以通过以下方式创建一个包含复选框的列: ```xml 选择"&gt; ...

    Flex_全选或取消DataGrid中的checkbox

    根据给定的信息,本文将详细解释如何在Flex中实现DataGrid中的checkbox全选或取消功能。这涉及到Flex的checkbox管理、事件监听与处理、以及如何使用Cairngorm框架进行模型层更新等内容。 ### 一、理解Flex DataGrid...

    Flex4 带checkbox的DataGrid

    其中包含一个三种状态的checkbox,DataGrid代码...如果改变目录结构,需要在CustomCheckBox.mxml中更改inner.png的路径 使用方法参考“示例参考.txt” ------------------------------ 目前数据源只能用ArrayCollection

    flex datagrid checkbox实现源码

    "flex datagrid checkbox实现源码"这个主题就是关于如何在Flex DataGrid中集成并正确管理复选框功能的。 1. **Flex DataGrid基础** Flex DataGrid是Adobe Flex框架中的一种组件,用于显示和编辑大量结构化的数据。...

    flex datagrid插入多列Checkbox应用实例

    在Flex开发中,数据网格(DataGrid)是用于展示大量结构化数据的组件,它可以提供丰富的功能,如排序、分页、编辑等。在实际应用中,我们有时需要在DataGrid的每一行中插入多个复选框(Checkbox),以便用户能够进行...

    flex中Datagride嵌套checkbox

    在Flex开发中,数据网格(DataGrid)是一种常用的组件,用于展示和操作大量结构化数据。在实际应用中,我们经常需要在DataGrid的列中嵌套复选框(Checkbox),以便用户可以进行多选操作或者对数据进行勾选状态的设置...

    Flex dataGrid 全选、反选

    本文将详细讨论如何在Flex DataGrid中实现全选和反选功能,并结合`checkBox`来优化这一过程。 首先,我们要理解DataGrid的结构。DataGrid由多个列组成,每一列可能包含不同类型的控件,如文本、图像或复选框。在...

    Flex DataGrid checkBox

    总结,Flex中的DataGrid与CheckBox的结合使用,提供了一种直观且用户友好的方式来处理表格数据。通过创建自定义列和渲染器,我们可以轻松地实现选中状态的管理,同时支持全选/全不选等高级功能。注意在实现这些功能...

    flex datagrid checkbox 全选/反选

    要在DataGrid中使用自定义的渲染器,我们需要在DataGrid的配置中指定`headerRenderer`和`itemRenderer`属性。 ```as &lt;mx:DataGrid id="myDataGrid"&gt; 选项" headerRenderer="utils.itemrender.CheckBoxRender" ...

    Flex中DataGrid内嵌CheckBox的全选反选和防止选择状态错乱实现方法

    接下来,我们需要在MXML文件(例如dazhiTestDemo.mxml)中使用这个自定义列类。在DataGrid的columns属性中,我们可以创建一个CustomGridColumn实例,并将其dataField设置为一个特定的标识字段,这样我们可以通过这个...

    DataGrid和AdvancedDataGrid CheckBox全选功能

    在本文中,我们将深入探讨两种在Flex或Adobe AIR应用程序中常用的组件——`DataGrid`和`AdvancedDataGrid`,特别是关于它们的CheckBox全选功能。`DataGrid`和`AdvancedDataGrid`是Flex中用于展示数据集合的强大工具...

    flex-带checkbox的datagrid

    标题"flex-带checkbox的datagrid"指的是在Flex Datagrid组件中集成复选框(checkbox)的功能。这种功能常用于多选操作,例如用户可以选择一组数据项进行批量删除、编辑或其他操作。下面将详细介绍如何在Flex中实现带...

Global site tag (gtag.js) - Google Analytics