`
k1280000
  • 浏览: 202713 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

flex datagrid 行全选

    博客分类:
  • Flex
 
阅读更多
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
			   xmlns:s="library://ns.adobe.com/flex/spark" 
			   xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">

	
	<fx:Declarations>
		<!-- Place non-visual elements (e.g., services, value objects) here -->
		<s:ArrayCollection id="dta">
			<fx:Object>
				<fx:id>1</fx:id>
				<fx:name>James</fx:name>
			</fx:Object>
			<fx:Object>
				<fx:id>2</fx:id>
				<fx:name>James</fx:name>
			</fx:Object>
			<fx:Object>
				<fx:id>3</fx:id>
				<fx:name>James</fx:name>
			</fx:Object>
			<fx:Object>
				<fx:id>4</fx:id>
				<fx:name>James</fx:name>
			</fx:Object>
			<fx:Object>
				<fx:id>5</fx:id>
				<fx:name>James</fx:name>
			</fx:Object>
		</s:ArrayCollection>
		
	</fx:Declarations>
	
	<fx:Script>
		<![CDATA[
			protected function del_clickHandler(event:MouseEvent):void
			{
				var length:int = display.selectedIndices.length;
//				dta.removeItemAt();
				for(var i:int =0;i<length;i++){
					dta.removeItemAt(display.selectedIndices[i]);
				}
			}
			protected function all_clickHandler(event:MouseEvent):void
			{ //下面两种都行,但具体情况这里有可能会影响到del里的display.selectedIndices。这里要注意
				//				display.selectedItems = dta.toArray();
				display.selectedItems = display.dataProvider.source;
			}
		]]>

	</fx:Script>
	<s:VGroup>
		<mx:DataGrid id="display" dataProvider="{dta}" allowMultipleSelection="true">
			
		</mx:DataGrid>
		<s:Button id="del" click="del_clickHandler(event)" label="Del"/>
		<s:Button id="all" click="all_clickHandler(event)" label="all"/>
	</s:VGroup>
	
</s:Application>

分享到:
评论

相关推荐

    flex Datagrid checkbox全选

    总结起来,实现Flex Datagrid checkbox全选功能主要涉及自定义数据列、表头渲染器和行渲染器,通过事件监听和状态同步来达到全选的效果。在实际应用中,可能还需要处理部分选中、反选等复杂逻辑,但上述步骤提供了一...

    Flex dataGrid 全选、反选

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

    flex datagrid checkbox 全选/反选

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

    flex datagrid 嵌套checkbox实现全选

    在Flex开发中,数据网格...总结,这个Flex3示例展示了如何在DataGrid中嵌套复选框并实现全选功能,这对于构建交互式的数据管理界面至关重要。通过学习和实践,开发者可以创建更灵活、用户友好的数据操作界面。

    Flex Datagrid全选功能

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

    Flex DataGrid CheckBox 一个简单的全选

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

    flex中dataGrid全选和全不选功能

    下面我们将详细探讨如何在Flex的DataGrid中实现全选和全不选的功能。 ### 一、理解Flex DataGrid 首先,我们需要了解Flex中的DataGrid是如何工作的。DataGrid组件依赖于数据提供者(dataProvider),通常是一个 ...

    flex4 list全选,反选

    本文将详细探讨如何在Flex4的List组件上实现全选和反选功能。 首先,我们需要了解Flex4 List的基本结构。List组件通过数据Provider(通常是ArrayCollection或XMLListCollection)来存储和显示数据。每个数据项对应...

    datagrid全选功能控件

    3,最后在datagrid中引用下面代码即可 import com.rj.dgrenderer.CheckBoxItemRenderer; import com.rj.dgrenderer.CheckBoxRenderer; 全选" editable="false" sortable="false" draggable="false" width="35" ...

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

    本文将深入探讨如何在Flex中的DataGrid组件中实现复选框的全选与取消全选功能,这对于数据操作和用户交互至关重要。 在Flex的DataGrid组件中,我们通常会遇到这样的需求:当用户需要对多条记录进行批量操作时,如...

    Flex导出Excel之as3xls(包括datagrid全选功能)

    "datagrid全选功能"意味着在DataGrid中提供了全选所有行的选项,这通常是通过单击表头或者设置特定的复选框来实现的。全选功能可以配合导出功能,一次性将DataGrid中的所有数据保存到Excel文件中。 在实现这个功能...

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

    总的来说,实现Flex DataGrid标题栏添加复选框并使其与数据行的复选框联动,涉及到自定义HeaderRenderer和CellRenderer,以及对数据源和事件处理的深入理解。这需要开发者具备良好的Flex编程基础和组件定制能力。...

    flex DataGrid复选框源码

    复选框头渲染器允许用户一键选择或取消选择DataGrid中的所有行,提供了便捷的全选/全不选功能。开发者可能在这里实现了点击复选框时更新所有行的选中状态,并且可能处理了选中状态改变的事件,确保数据模型与视图...

    Flex_全选或取消DataGrid中的checkbox

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

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

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

    flex datagrid插入多列Checkbox应用实例

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

    Flex 全选效果 批量删除

    在Flex编程中,AdvancedDataGrid和DataGrid是两种常用的组件,用于展示数据并提供交互功能。本示例项目“Flex全选效果批量删除”聚焦于如何实现这些组件的一个实用功能,即用户可以通过全选复选框来一次性选择多个...

    Flex4 带checkbox的DataGrid

    表头有全选CheckBox,三种状态:全选、部分选择、无选择 如果改变目录结构,需要在CustomCheckBox.mxml中更改inner.png的路径 使用方法参考“示例参考.txt” ------------------------------ 目前数据源只能用...

    DataGrid和AdvancedDataGrid CheckBox全选功能

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

Global site tag (gtag.js) - Google Analytics