每个功能需求不一样,网上有很多例子
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="absolute">
<mx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
import mx.controls.Alert;
import mx.controls.CheckBox;
import mx.events.FlexEvent;
//XMLListCollection.source 转成xmllist xmlListCollection.source=xmlList;
//XMLListCollection.toArray() 转成ArrayCollection provider=new ArrayCollection(xmlListCollection.toArray()); grid.dataProvider=provider;
[Bindable]
private var dataSource:ArrayCollection=new ArrayCollection([
{id: 0, name: "test1", age: 12, checked:false},
{id: 1, name: "test1", age: 12, checked:false},
{id: 2, name: "test2", age: 40, checked:false},
{id: 3, name: "test3", age: 20, checked:false},
{id: 4, name: "test1", age: 12, checked:false},
{id: 5, name: "test4", age: 18, checked:false},
{id: 6, name: "test5", age: 60, checked:false}]);
//得到选中项的值
public function test():void
{
var allRows:int = dataSource.length;
for (var i:int = 0; i < allRows; i++){
if(dataSource[i].checked==true){
Alert.show(i.toString());
Alert.show(dataSource.getItemAt(i).name);
}else{
Alert.show("至少选中一个");
}
}
//数据源没有值,不给出提示
Alert.show("数据源没有值");
}
public function selectAllCheckboxes(obj:Object):void{
var allRows:int = dataSource.length;
for (var i:int = 0; i < allRows; i++){
if(adGrid.selectedIndex==i){
dataSource[i].checked = true;
}else{
dataSource[i].checked = false;
}
}
dataSource.refresh();
}
public function selects():void{
var allRow:int = dataSource.length;
for (var i:int = 0; i < allRow; i++){
if (selectAll.selected == true){
trace ("Checked is true");
dataSource[i].checked = true;
}else{
trace ("Checked is false");
dataSource[i].checked = false;
}
}
dataSource.refresh();
}
]]>
</mx:Script>
<mx:VBox>
<mx:HBox >
<mx:DataGrid id="adGrid"
width="300"
height="253"
fontSize="14"
dataProvider="{dataSource}"
x="262.5"
y="203">
<mx:columns>
<mx:DataGridColumn headerText="序号"
dataField="id"/>
<mx:DataGridColumn headerText="名称"
dataField="name"/>
<mx:DataGridColumn headerText="是否选择" dataField="checked"
textAlign="center">
<mx:itemRenderer>
<mx:Component>
<mx:HBox verticalAlign="middle" horizontalAlign="center">
<mx:CheckBox id="checkbox" selected="{data.checked}" click="outerDocument.selectAllCheckboxes(this)"/>
</mx:HBox>
</mx:Component>
</mx:itemRenderer>
</mx:DataGridColumn>
</mx:columns>
</mx:DataGrid>
</mx:HBox>
<mx:HBox>
<mx:Button label="哪些被选中了?" click="test()"/>
<mx:CheckBox id = "selectAll" label="Select/Deselect All" click="selects();" left="10" top="175"/>
</mx:HBox>
</mx:VBox>
</mx:Application>
分享到:
相关推荐
### Flex DataGrid Checkbox 全选/反选知识点详解 #### 一、概述 Flex DataGrid 控件是Adobe Flex框架中的一个重要组成部分,它提供了一个灵活的方式来展示数据列表,并且支持多种功能,如排序、分组、筛选等。在...
以下是三种实现Checkbox全选和反选的方法,以及它们的JavaScript和Java实现细节。 ### 方法一:使用`checked`属性 **JavaScript实现**: 在JavaScript中,可以通过获取全选按钮的`checked`属性来控制所有复选框的...
在Flex开发中,Datagrid是一种常用的组件,用于展示表格数据,而checkbox全选功能则是提高用户体验的一个重要特性。本文将详细讲解如何实现Flex Datagrid中checkbox的全选功能。 首先,我们要了解Flex Datagrid的...
本文将详细讨论如何在Flex DataGrid中实现全选和反选功能,并结合`checkBox`来优化这一过程。 首先,我们要理解DataGrid的结构。DataGrid由多个列组成,每一列可能包含不同类型的控件,如文本、图像或复选框。在...
List组件通过数据Provider(通常是ArrayCollection或XMLListCollection)来存储和显示数据。每个数据项对应List的一个可视表示,即ItemRenderer。为了实现全选和反选功能,我们需要在List的基础上添加额外的逻辑处理...
本教程将详细介绍如何在WPF中实现CheckBox的全选和反选功能。 首先,我们需要理解CheckBox的基本用法。在XAML中,我们可以创建一个CheckBox并为其设置文本和初始状态: ```xml <CheckBox Content="全选" x:Name=...
而在这个特定的场景中,我们需要实现一个增强的功能:在`DataGridView`的列头添加一个`CheckBox`,通过这个`CheckBox`可以实现所有行中对应复选框的全选或反选操作。这个功能在数据管理界面中十分常见,例如在批量...
在本文中,我们将深入探讨如何使用Silverlight技术来实现数据网格(DataGrid)的全选、反选、分页以及导出到Excel的功能。Silverlight是一种由微软开发的富客户端技术,用于创建丰富的交互式Web应用程序。 ### ...
本文将详细探讨如何在Flex的DataGrid中实现CheckBox的全选和反选功能,以及如何防止选择状态错乱的问题。 首先,我们需要创建一个自定义的DataGrid列类,这个类将扩展mx.controls.gridClasses.GridColumn,并且包含...
总的来说,这个示例旨在教会开发者如何在Flex的DataGrid中实现全选功能,并且有效地管理CheckBox的选中状态。通过对DataGrid的自定义,我们可以灵活地扩展和优化这个功能,以满足不同业务需求。同时,了解和掌握这些...
本篇文章将深入探讨如何实现`DataGrid`的多选、单选和反选功能,以提高用户界面的交互性。 首先,我们要明白`DataGrid`的选中机制。默认情况下,`DataGrid`只支持单选,即一次只能选择一行。要实现多选,我们需要...
项目中用到DataGrid, 需要在第一列添加checkbox, 可以多选、全选。 其中涉及的概念DataTemplate, DataGridCellStyle, DataGridCellControlTemplate,Binding, OnPropertyChanged等。
本示例关注的是在DataGrid中嵌套复选框(Checkbox),并实现全选功能。这在需要用户批量选择或操作数据的场景中非常常见。以下是对这个主题的详细讲解: 1. **Flex DataGrid组件**: Flex DataGrid是Adobe Flex...
这个场景下,用户可能需要实现一个常见的功能,即在DataGrid中添加CheckBox,允许用户进行多选操作,尤其是全选功能。这篇博客“在DataGrid中使用CheckBox,实现全选功能”详细介绍了如何实现这一需求。 首先,我们...
在Flex中,DataGrid的数据通常绑定到一个数据集合,如ArrayCollection或XMLListCollection。我们需要在这些集合中添加一个额外的属性,例如“selected”,用于存储每一项是否被选中的状态。同时,还需要创建一个...
WPF中DataGrid里面的Checkbox实现单选关键代码, 文档里面的代码复制粘贴即可实现!本人也是项目需要写的一个功能11行代码实现此功能! 希望可以帮助到你们!
在标题“Flex Datagrid checkbox实现”中,讨论的核心是Datagrid中集成复选框(checkbox)的功能。 在Flex Datagrid中实现复选框功能,主要是通过添加一个自定义的列renderer来完成。Renderer是Datagrid中的一个小...
"Flex Datagrid全选功能"是指在Datagrid中实现一个功能,让用户能够一键选择所有行,这在处理大量数据时非常有用。下面我们将详细探讨如何在Flex中实现Datagrid的全选功能。 1. **Datagrid组件**: Datagrid是Adobe ...
在这个特定的场景中,我们关注的是如何在`DataGridView`的表头添加一个`CheckBox`,以便实现全选和全不选的功能。这将大大提升用户体验,使得用户可以快速地对所有行进行操作,如批量删除、更新等。 首先,我们需要...
### jQuery实现checkbox全选、反选、全不选的控制 在Web开发中,复选框(checkbox)是表单中非常常见的元素,用于选择或取消选择多个选项。使用jQuery可以很容易地实现对这些复选框的控制。本文将详细介绍如何利用...