`
yunzhongxia
  • 浏览: 648420 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

DataGrid和AdvancedDataGrid CheckBox全选功能1.1

 
阅读更多

去年的时候写了一个 DataGrid和AdvancedDataGrid CheckBox全选功能 组件,对这个组件很多朋友了很多建议,现在有点时间,新增了两个功能。

 

1.1 版本主要解决两个问题

      1 根据DataGrid或AdvancedDataGrid的headText来设置checkbox列名称,1.0版本是写死的“选择”

      2 新增getSelectedItems():Array方法,该方法用来获得checkBox选中的行。

 

     下面是简单的例子,附件是1.1的swc包。

 

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" minWidth="955" minHeight="600" horizontalAlign="center" creationComplete="application1_creationCompleteHandler(event)">
	<mx:Script>
		<![CDATA[
			import mx.collections.ArrayCollection;
			import mx.controls.Alert;
			import mx.events.FlexEvent;
			
			import org.utmost.table.util.ColumnUtil;
			
			[Bindable]
			private var ac:ArrayCollection=new ArrayCollection([
				{col1:true,col2:"1",col3:"4",col4:"df"},
				{col1:false,col2:"2",col3:"42",col4:"assdf"},
				{col1:true,col2:"3",col3:"41",col4:"asfa"},
				{col1:false,col2:"4",col3:"14",col4:"aasf"},
				{col1:true,col2:"5",col3:"45",col4:"fasd"},
				{col1:true,col2:"6",col3:"48",col4:"asfdf"},
				{col1:false,col2:"7",col3:"04",col4:"asfd"},
				{col1:true,col2:"8",col3:"49",col4:"asasf"}
			]);
			private var cu:ColumnUtil;
			protected function application1_creationCompleteHandler(event:FlexEvent):void
			{
				// TODO Auto-generated method stub
				cu=ColumnUtil.getInstance();
				cu.addCheckBox(column1,grid);
			}
			
			protected function button1_clickHandler(event:MouseEvent):void
			{
				// TODO Auto-generated method stub
				var items:Array=cu.getSelectedItems();
				if(items==null){
					Alert.show("没有选中");
				}else{
					Alert.show("选中"+items.length);
				}
			}
			
		]]>
	</mx:Script>
	<mx:Button label="获得选中的列" click="button1_clickHandler(event)"/>
	<mx:DataGrid width="400" height="300" dataProvider="{ac}" id="grid">
		<mx:columns>
			<mx:DataGridColumn dataField="col1" id="column1" headerText="测试22" sortable="false" />
			<mx:DataGridColumn dataField="col2" />
			<mx:DataGridColumn dataField="col3" />
			<mx:DataGridColumn dataField="col4" />
		</mx:columns>
	</mx:DataGrid>
</mx:Application>

 

 

 

 

 

 

 

2
3
分享到:
评论
17 楼 jamesyueyb 2014-10-13  
楼主,能否把源码发份嘛,不胜感激,我的邮箱是283215949@qq.com
16 楼 砖之尘 2014-06-18  
楼主,您好,能把这份源码发给我吗?十分感激。
286602862@qq.com
15 楼 ashany 2014-01-06  
能给我份源代码吗? ashany@126.com
14 楼 jidong245 2013-12-02  
能发份源码给我吗? 谢谢,邮箱pengjidong245@163.com
13 楼 onlyloveonebody 2013-08-01  
能给我份源码吗 谢谢了 loveonlyonebody@vip.qq.com
12 楼 wujian_166 2013-05-18  
楼主辛苦了 ,我也想要源码。我的邮箱是wujian_166@hotmail.com.不胜感激!
11 楼 pengbi 2013-04-22  
pengbi 写道
楼主 我也想要源码,,

peng_bi@yeah.net
10 楼 pengbi 2013-04-22  
楼主 我也想要源码,,
9 楼 挥泪杀 2013-03-22  
楼主辛苦,我也想要源码,邮箱:lll888yyy@gmail.com
8 楼 lzj244895127 2013-01-30  
楼主!求一份最新的源码!项目最近需要用到!谢谢!邮箱:lzj244895127@163.com
7 楼 jamesyueyb 2012-11-23  
能给我发份源码吗?牛人 ,我的邮箱是jamesyueyb@163.com
6 楼 jamesyueyb 2012-11-23  
能给我发份源码吗?牛人 
5 楼 houyongbo03 2012-08-10  
附件里面没有1.1的swc呀,只有一个table.swc文件,这个怎么用呀?
4 楼 xiahanmingqing 2012-06-24  
楼主,我也想要源码啊。。。能分享一下吗。。。谢谢啦
3 楼 lj830723 2012-06-08  
能不能发源码学习一下,谢谢了!邮箱地址:lj830723@163.com
2 楼 李学力 2012-06-04  
能qq联系下吗,我的邮箱xueli_li@hnair.com
1 楼 yexiaqiu 2012-02-09  
能给我份源代码嘛?邮箱1071250304@163.com 不胜感激。。

相关推荐

    DataGrid和AdvancedDataGrid CheckBox全选功能

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

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

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

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

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

    flex Datagrid checkbox全选

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

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

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

    winform DataGridView表头带CheckBox全选

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

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

    在实际项目中,这三种方法都可以有效地实现Checkbox全选和反选功能。选择哪种方法主要取决于项目需求、性能考虑以及开发者的偏好。对于小型项目,前两种纯JavaScript的方法足够;对于大型项目,结合服务器端处理可能...

    WPF CheckBox全选、反选比较通用

    为了实现全选功能,我们需要监听全选CheckBox的IsChecked属性改变事件。当用户点击全选CheckBox时,所有列表项的IsSelected属性应同步更新。这可以通过后台代码实现,如: ```csharp private void SelectAll...

    WPF-DataGrid中CheckBox实现全选与非全选

    本教程将详细讲解如何在`WPF DataGrid`中实现全选和非全选功能。 首先,我们需要在`DataGrid`的列定义中添加一个复选框列,这可以通过创建一个自定义的`DataGridTemplateColumn`来实现。复选框通常绑定到每一行的...

    flex datagrid 嵌套checkbox实现全选

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

    DataGridView标头CheckBox全选反选

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

    silverlight 5 DataGrid ColumnHeader CheckBox全选样式

    最近懒 想在网上找个DataGrid ColumnHeader里面添加CheckBox全选,但是网上没找到,于是就自己写了一个这样的样式,具体功能实现你们就自己去写吧。 分享给大家。 有什么问题可以直接加WPF/Silverlight 找晴天就...

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

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

    flex datagrid checkbox 全选/反选

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

    easyui checkbox +全选

    标题 "easyui checkbox +全选" 指的是在网页界面设计中使用 EasyUI 框架实现复选框(checkbox)以及全选功能。EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列预定义的 CSS 样式和 JavaScript 组件,帮助...

    开源DataGrid和AdvancedDataGrid复制到Excel工具类

    标题中的“开源DataGrid和AdvancedDataGrid复制到Excel工具类”指的是一个专门设计用于将数据从Flex中的DataGrid和AdvancedDataGrid组件导出到Microsoft Excel的开源工具。这个工具类提高了用户在处理大量数据时的...

    在DataGrid中进行复选框的操作(全选和取消)

    在某些应用场景下,我们可能需要在`DataGrid`的每一行添加复选框,以便用户可以多选操作,如全选和取消全选功能。下面我们将详细探讨如何实现这一功能。 首先,我们需要在`DataGrid`中添加复选框列。这可以通过...

    Flex DataGrid CheckBox 一个简单的全选

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

Global site tag (gtag.js) - Google Analytics