`
yr512656630
  • 浏览: 321605 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

flex DataGrid checkbox 全选 单选 反选 XMLListCollection ArrayCollection 转换

    博客分类:
  • flex
阅读更多
每个功能需求不一样,网上有很多例子


<?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>
1
0
分享到:
评论

相关推荐

    flex datagrid checkbox 全选/反选

    ### Flex DataGrid Checkbox 全选/反选知识点详解 #### 一、概述 Flex DataGrid 控件是Adobe Flex框架中的一个重要组成部分,它提供了一个灵活的方式来展示数据列表,并且支持多种功能,如排序、分组、筛选等。在...

    三种方式实现checkbox全选,反选

    以下是三种实现Checkbox全选和反选的方法,以及它们的JavaScript和Java实现细节。 ### 方法一:使用`checked`属性 **JavaScript实现**: 在JavaScript中,可以通过获取全选按钮的`checked`属性来控制所有复选框的...

    flex Datagrid checkbox全选

    在Flex开发中,Datagrid是一种常用的组件,用于展示表格数据,而checkbox全选功能则是提高用户体验的一个重要特性。本文将详细讲解如何实现Flex Datagrid中checkbox的全选功能。 首先,我们要了解Flex Datagrid的...

    Flex dataGrid 全选、反选

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

    flex4 list全选,反选

    List组件通过数据Provider(通常是ArrayCollection或XMLListCollection)来存储和显示数据。每个数据项对应List的一个可视表示,即ItemRenderer。为了实现全选和反选功能,我们需要在List的基础上添加额外的逻辑处理...

    WPF CheckBox全选、反选比较通用

    本教程将详细介绍如何在WPF中实现CheckBox的全选和反选功能。 首先,我们需要理解CheckBox的基本用法。在XAML中,我们可以创建一个CheckBox并为其设置文本和初始状态: ```xml &lt;CheckBox Content="全选" x:Name=...

    DataGridView标头CheckBox全选反选

    而在这个特定的场景中,我们需要实现一个增强的功能:在`DataGridView`的列头添加一个`CheckBox`,通过这个`CheckBox`可以实现所有行中对应复选框的全选或反选操作。这个功能在数据管理界面中十分常见,例如在批量...

    silverlight实现datagrid全选、反选、分页、导出EXCEL

    在本文中,我们将深入探讨如何使用Silverlight技术来实现数据网格(DataGrid)的全选、反选、分页以及导出到Excel的功能。Silverlight是一种由微软开发的富客户端技术,用于创建丰富的交互式Web应用程序。 ### ...

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

    本文将详细探讨如何在Flex的DataGrid中实现CheckBox的全选和反选功能,以及如何防止选择状态错乱的问题。 首先,我们需要创建一个自定义的DataGrid列类,这个类将扩展mx.controls.gridClasses.GridColumn,并且包含...

    Flex DataGrid CheckBox 一个简单的全选

    总的来说,这个示例旨在教会开发者如何在Flex的DataGrid中实现全选功能,并且有效地管理CheckBox的选中状态。通过对DataGrid的自定义,我们可以灵活地扩展和优化这个功能,以满足不同业务需求。同时,了解和掌握这些...

    Wpf datagrid 多选、单选、反选

    本篇文章将深入探讨如何实现`DataGrid`的多选、单选和反选功能,以提高用户界面的交互性。 首先,我们要明白`DataGrid`的选中机制。默认情况下,`DataGrid`只支持单选,即一次只能选择一行。要实现多选,我们需要...

    WPF在dataGrid中添加CheckBox支持单选,多选,全选功能

    项目中用到DataGrid, 需要在第一列添加checkbox, 可以多选、全选。 其中涉及的概念DataTemplate, DataGridCellStyle, DataGridCellControlTemplate,Binding, OnPropertyChanged等。

    flex datagrid 嵌套checkbox实现全选

    本示例关注的是在DataGrid中嵌套复选框(Checkbox),并实现全选功能。这在需要用户批量选择或操作数据的场景中非常常见。以下是对这个主题的详细讲解: 1. **Flex DataGrid组件**: Flex DataGrid是Adobe Flex...

    在DataGrid中使用CheckBox,实现全选功能

    这个场景下,用户可能需要实现一个常见的功能,即在DataGrid中添加CheckBox,允许用户进行多选操作,尤其是全选功能。这篇博客“在DataGrid中使用CheckBox,实现全选功能”详细介绍了如何实现这一需求。 首先,我们...

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

    在Flex中,DataGrid的数据通常绑定到一个数据集合,如ArrayCollection或XMLListCollection。我们需要在这些集合中添加一个额外的属性,例如“selected”,用于存储每一项是否被选中的状态。同时,还需要创建一个...

    WPF中DataGrid里面的Checkbox实现单选

    WPF中DataGrid里面的Checkbox实现单选关键代码, 文档里面的代码复制粘贴即可实现!本人也是项目需要写的一个功能11行代码实现此功能! 希望可以帮助到你们!

    Flex Datagrid checkbox实现

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

    Flex Datagrid全选功能

    "Flex Datagrid全选功能"是指在Datagrid中实现一个功能,让用户能够一键选择所有行,这在处理大量数据时非常有用。下面我们将详细探讨如何在Flex中实现Datagrid的全选功能。 1. **Datagrid组件**: Datagrid是Adobe ...

    winform DataGridView表头带CheckBox全选

    在这个特定的场景中,我们关注的是如何在`DataGridView`的表头添加一个`CheckBox`,以便实现全选和全不选的功能。这将大大提升用户体验,使得用户可以快速地对所有行进行操作,如批量删除、更新等。 首先,我们需要...

    jquery一键控制checkbox全选、反选或全不选

    ### jQuery实现checkbox全选、反选、全不选的控制 在Web开发中,复选框(checkbox)是表单中非常常见的元素,用于选择或取消选择多个选项。使用jQuery可以很容易地实现对这些复选框的控制。本文将详细介绍如何利用...

Global site tag (gtag.js) - Google Analytics