Flex4.6 DataGrid GridItemRenderer宣染器

最新推荐文章于 2024-10-13 15:54:09 发布
最新推荐文章于 2024-10-13 15:54:09 发布
阅读量111 收藏
点赞数
文章标签： 大数据
原文链接：http://www.cnblogs.com/quyanhui/p/3898945.html
版权

本文转自：http://blog.sina.com.cn/s/blog_71848dcf01012ctl.html,稍作修改

<?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"
               creationComplete="Init()">
    <fx:Script>
        <![CDATA[
            import mx.collections.ArrayCollection;
            import mx.controls.Alert;
            import mx.core.mx_internal;
            [Bindable]
            public var cloumnSelected:Boolean=false;//保存该列是否全选的属性（用户先点击全选后在手动的取消几行数据的选中状态时，这里的状态不会改变）
            [Bindable]
            public var headerSelected:Boolean=false;
            public var selectItems:Array = new Array();//用户保存用户选中的数据
            public function cleanSelectItems():void{
                selectItems= new Array();
            }
            [Bindable]
            public var dataArray:ArrayCollection = new ArrayCollection;
            private function Init():void{
                dataArray.addItem({dgSelected:false,name:'1.Christina Coenraets',phone:'555-219-2270',email:'ccoenraets@fictitious.com'});
                dataArray.addItem({dgSelected:false,name:'2.Joanne Wall',phone:'555-219-2012',email:'jwall@fictitious.com'});
                dataArray.addItem({dgSelected:false,name:'3.Maurice Smith',phone:'555-219-2012',email:'maurice@fictitious.com'});
                dataArray.addItem({dgSelected:false,name:'4.Mary Jones',phone:'555-219-2000',email:'mjones@fictitious.com'});
                dataArray.addItem({dgSelected:false,name:'5.God Win',phone:'555-219-2005',email:'godwin@fictitious.com'});
                
                dataArray.addItem({dgSelected:false,name:'6.Christina Coenraets-2',phone:'555-219-2270',email:'ccoenraets@fictitious.com'});
                dataArray.addItem({dgSelected:false,name:'7.Joanne Wall-2',phone:'555-219-2012',email:'jwall@fictitious.com'});
                dataArray.addItem({dgSelected:false,name:'8.Maurice Smith-2',phone:'555-219-2012',email:'maurice@fictitious.com'});
                dataArray.addItem({dgSelected:false,name:'9.Mary Jones-2',phone:'555-219-2000',email:'mjones@fictitious.com'});
                dataArray.addItem({dgSelected:false,name:'10.God Win-2',phone:'555-219-2005',email:'godwin@fictitious.com'});
                
                var str:String = "";
                str = "as";
                str = str + "aws";
            }
            
            protected function btn_clickHandler(event:MouseEvent):void
            {
                // TODO Auto-generated method stub
                var items:Array = new Array();
                
                var name2:String = "";
                for(var i:int = 0; i<this.selectItems.length; i++){
//                    if(this.cloumnSelected){
//                        items = this.selectItems;
//                        var obj:Object = items[i];
//                        name = name + obj.name + " | ";
//                    }else{
//                        
//                    }
//                    Alert.show(name,"name");
                    
                    var obj2:Object = this.selectItems[i];
                    name2 = name2 + obj2.name + " | ";
                }
                Alert.show(name2,"name2");
                trace(name2);
            }
            
        ]]>
    </fx:Script>
    <s:DataGrid id="dgUser" x="116" y="99" width="1016" height="328" dataProvider="{dataArray}">
        <s:columns>
            <s:ArrayList>
                <s:GridColumn width="60" dataField="dgSelected" resizable="false" sortable="false">
                    <s:itemRenderer>
                        <fx:Component>
                            <s:GridItemRenderer>
                                <fx:Script>
                                    <![CDATA[
                                        import mx.collections.ArrayCollection;
                                        import mx.controls.Alert;
                                        import spark.components.DataGrid;
                                        import spark.components.gridClasses.GridColumn;
                                        private var currentData:Object; //保存当前一行值的对象
                                        protected function checkbox1_changeHandler(event:Event):void
                                        {
                                            // TODO Auto-generated method stub
                                            //Alert.show(rowIndex+"");
                                            var dg:DataGrid=this.automationOwner as DataGrid;//获取DataGrid对象
                                            var dgDataArr:ArrayCollection = dg.dataProvider as ArrayCollection;
                                            var selectItems:Array=this.parentApplication.selectItems;
                                            currentData=data;
                                            currentData.dgSelected=cbx.selected; //根据是否选中的状态，更改数据源中选中的标记
                                            var bool:Boolean=true;
                                            if (cbx.selected)
                                            {
                                                selectItems.push(currentData);
                                                this.parentApplication.selectItems = selectItems;
                                                abc:for(var j:int=0;j<dgDataArr.length;j++){
                                                    var obj:Object=dgDataArr[j];
                                                    var dgSelected:Boolean=obj.dgSelected;
                                                    if (dgSelected == false)
                                                    {
                                                        bool=false;
                                                        break abc;
                                                    }
                                                }
                                                if (bool == true)
                                                {
                                                    this.parentApplication.headerSelected=true;
                                                    this.parentApplication.cloumnSelected = true;
                                                }
                                            }else{
                                                for (var i:int=0; i < selectItems.length; i++)
                                                {
                                                    if (selectItems[i] == currentData)
                                                    {
                                                        selectItems.splice(i, 1)//当前行checkbox为false时，从selectItems删除当前行
                                                    }
                                                }
                                                if(selectItems.length==0){
                                                    this.parentApplication.cloumnSelected = false;
                                                }
                                                this.parentApplication.headerSelected=false;
                                            }
                                        }
                                    ]]>
                                </fx:Script>
                                <s:HGroup>
                                    <s:Label width="10"/>
                                    <s:CheckBox id="cbx" change="checkbox1_changeHandler(event)"
                                                selected="{this.parentApplication.cloumnSelected}"/>
                                    <s:Label width="10"/>
                                </s:HGroup>
                            </s:GridItemRenderer>
                        </fx:Component>
                    </s:itemRenderer>
                    <s:headerRenderer>
                        <fx:Component>
                            <s:GridItemRenderer>
                                <fx:Script>
                                    <![CDATA[
                                        import mx.collections.ArrayCollection;
                                        import mx.controls.Alert;
                                        import spark.components.DataGrid;
                                        import spark.components.gridClasses.GridColumn;
                                        protected function selectAll_clickHandler(event:MouseEvent):void
                                        {
                                            var dg:DataGrid=this.automationOwner as DataGrid;//获取DataGrid对象
                                            var dgDataArr:ArrayCollection = dg.dataProvider as ArrayCollection;
                                            //更改列的全选状态
                                            // if(this.parentApplication.cloumnSelected){
                                            // this.parentApplication.cloumnSelected = false;
                                            // }else{
                                            // this.parentApplication.cloumnSelected = true;
                                            // }
                                            if(selectAll.selected){
                                                this.parentApplication.headerSelected=false;
                                                this.parentApplication.cloumnSelected = false;
                                                this.parentApplication.headerSelected=true;
                                                this.parentApplication.cloumnSelected = true;
                                            }else {
                                                this.parentApplication.headerSelected=true;
                                                this.parentApplication.cloumnSelected = true;
                                                this.parentApplication.headerSelected=false;
                                                this.parentApplication.cloumnSelected = false;
                                            }
                                            parentApplication.selectItems = new Array();//重新初始化用于保存选中列的对象
                                            if(this.parentApplication.cloumnSelected){//如果为全部选中的化就将数据源赋值给column.selectItems，不是就不管他，上一步已经初始化为空
                                                parentApplication.selectItems = (dg.dataProvider as ArrayCollection).toArray();
                                            }
                                            if(dgDataArr.length>0){
                                                if(dgDataArr[0]!=""){
                                                    for(var i:int = 0; i < dgDataArr.length ; i++){
//                                                        Object(dgDataArr).dgSelected = this.parentApplication.cloumnSelected;//更改没一行的选中状态
                                                        Object(dgDataArr[i]).dgSelected = this.parentApplication.cloumnSelected;//更改没一行的选中状态
                                                    }
                                                }
                                            }
                                            dgDataArr.refresh();//刷新数据源，达到强制更新页面显示效果的功能，防止在使用时没有在VO类中使用绑定而出现点击全选页面没有更改状态的错误
                                            //Alert.show(this.parentApplication.DataGrid3.dataProvider.length);
                                        }
                                    ]]>
                                </fx:Script>
                                <s:HGroup>
                                    <s:Label paddingTop="5" text=" 全选 "/>
                                    <s:CheckBox id="selectAll" click="selectAll_clickHandler(event)"
                                                selected="{this.parentApplication.headerSelected}"/>
                                    <s:Label width="10"/>
                                </s:HGroup>
                            </s:GridItemRenderer>
                        </fx:Component>
                    </s:headerRenderer>
                </s:GridColumn>
                <s:GridColumn dataField="name" headerText="姓名"/>
                <s:GridColumn dataField="phone" headerText="电话"/>
                <s:GridColumn dataField="email" headerText="邮件"/>
            </s:ArrayList>
        </s:columns>
    </s:DataGrid>
    <s:Button x="116" y="50" id="btn" label="button" click="btn_clickHandler(event)"/>
    
</s:Application>

 

转载于:https://www.cnblogs.com/quyanhui/p/3898945.html

dawoqiao6433
关注
FLEX 4.6 Spark DataGrid 一些的用法
xhhuang1979的专栏
12-19 8917
Datagrid是我们比较常用的一个控件，在FLEX3中的，我想网上的资料很多。到了4.5后换成Spart可能有些用法不用上了，在网上查了一些例子，整合在一起，当给自己作个笔记，也希望能对别人有个参考。 <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.
flex 两个GridColumnItemRenderer传值
xuhuanchao的专栏
06-27 701
在第一个GridColumnItemRenderer里加入 var dgCol:GridColumn = new GridColumn(); var product:ClassFactory = new ClassFactory(ProductRenderer); productRenderer.properties = { _key: true }; dgCol.itemRender
Flex.Spark.GridItemRenderer接受外部组件
czw333的专栏
09-21 184
  在开发一个GridItemRenderer时，我希望将一个RadioButtonGroup进来，这样即使在DataGrid中，也可以使单选按钮起作用。　最开始我是通过将这个RadioButtonGroup放入数据中带进来的，但很快我意识到这样的做法太不好了。　因为这个组件完全不应该是数据的一部分。所以我试着将它直接传递给GridItemRenderer。　也就有了下面的代码。   &lt...
Datagrid和其itemrenderer的数据互操作
wwj256的专栏
03-25 119
今天Flex3.0群里，看到一个问题“在Grid里面放了一个CheckBox。但是数据源却不得到CheckBox的值。怎么能解决？”类似的问题，相信很多的Flex初学者都会碰到。其实，归根到底这块知识说的是基于listBase类的组件与Itemrenderer之间互操作的问题。这一块，一般我们只需要了解到adobe flex中是如何来处理listBase各种扩展的UI组件和Itemrender之间...
Flex4 DataGrid ItemRenderer内嵌方式
weixin_34080903的博客
08-09 86
Flex4 DataGrid ItemRenderer像Flex3一直内嵌ItemRenderer会报空对象引用的错误，如： &lt;s:GridColumn dataField="title" headerText="Label"&gt; &lt;s:itemRenderer&gt; &lt;fx:Component&gt; &lt;s...
Adobe Flex 4.6 开发指南
"flex_4.6_help.pdf 是Adobe Flex 4.6的官方帮助文档，更新于2011年12月12日，包含法律声明和详细的技术内容，旨在引导开发者入门并深入理解Flex 4.6的开发环境、应用架构以及用户界面构建等关键知识点。" 在Flex ...
Flex4 DataGrid表格操作
03-02
Flex4 DataGrid表格操作，表格回车事件默认是换行，这里修改为换单元格，单元格轮完换行。支持上下左右和回车键控制光标位置，还添加了"+","-"按钮，用于控制添加行和删除选中的行。
Flex4 DataGrid中嵌入RadioButton实现思路及代码
10-25
在使用Flex 4技术开发数据展示界面时，常常需要在DataGrid组件中嵌入RadioButton，以便用户可以在多个选项之间做选择。本节内容重点讲解了如何在Flex4的DataGrid中嵌入RadioButton，并提供了相应的实现思路和代码。 ...
Flex4.5中使用invalidateCell函数更新GridItemRenderer内容的问题
ihavenolove的专栏
03-21 126
这两天在做关于Flex网站应用的项目，使用的开发环境是flash builer4.5，项目中使用了DataGrid组件，器数据源在外部.as文件中。DataGrid中使用了GridItemRenderer来包含LinkButton和Label，但是在编程中发现DataGrid数据源的修改不能改变与之绑定的LinkButton和Label的相关属性，在网上查了很久也没看到相关问题的解决方案，折腾一天...
FLEX4实践—动态生成DataGrid及应用客户化itemRenderer
meteorWJ's Home—Floating clound
04-19 7268
应用场景：1）从后台取到的数据为数组类型，但数据的列名及列个数均是动态的2）抽取到的数据中有些是DATE类型的，如果直接显示在DataGrid中默认格式很难让用户接受，希望对特殊类型的数据（如日期）进行格式转换处理 下面的例子将模拟这一场景：数据准备：gridColumns1搭配gridProvider1，gridColumns2搭配gridProvider2；两组数据的列名及列个数均
Flex的一点入门经验(8)--itemRenderer与外部组件的通信
大神带我来搬砖
05-19 195
比如我们有个如下的VO [code="java"] package com.crap.vo{ public class Product { public function Product(name:String,price:Number) { this.name=name; this.price=price; } public var...
Flex组件的项目渲染器(ItemRenderer)使用总结
weixin_34272308的博客
02-11 181
系列文章导航 Flex,Fms3相关文章索引 Air版免费视频成人聊天室,免费网络远程视频会议系统((Flex,Fms3联合打造))   Flex中提供了大量用于数据呈现的组件，这其中，以List系列组件最为常见，使用也最频繁，比如ComBoBox、List、Tree、TileList、DataGrid等等。这些组件有一个共同的特性，那就是支持自定义itemRenderer，这个功...
DataGrid实现自定义ItemRenderer
ozzy_003的专栏
12-08 4713
<br />今天要实现一个自定义的ItemRender，需要根据不同的数据项配以不同的图标，如下图所示：<br /> <br /> <br />      从网上学习了一下，如果要实现自定义的ItemRender，则需要实现IDataRenderer接口，通过此接口，既可以进行很方便的自定义Render（可参照http://xinsync.xju.edu.cn/index.php/archives/5704），<br />      <br />      之后通过实现该接口的set data方法，即可实现
消息队列介绍
weixin_38703379的博客
10-09 433
优点：性能单台（12000+），性能较好，管理界面较丰富。在互联网公司也有较多应用，有多个语言的成熟客户端。优点：性能单台（10万级），模型简单，接口易用。在阿里巴巴大规模应用。优点：性能单台（6000+）成熟，已经在很多公司得到应用。各种协议支持好，有多个语言的成熟客户端。缺点：运维难度大，对ZooKeeper强依赖。缺点：内部机制很难了解，也意味很难定制和掌控。缺点：性能较弱，缺乏大规模吞吐的场景的应用，有江河日下之感。优点：天生分布式性能最好，所以常见大数据领域。缺点：文档少，支持的语言较少。
020 elasticsearch7.10.2 elasticsearch-head kibana安装
最新发布
m0_46695127的博客
10-13 632
020 elasticsearch7.10.2 elasticsearch-head kibana安装
pandas常用数据格式IO性能对比
lining9508的博客
10-09 767
本文对pandas支持的一些数据格式进行IO（读写）的性能测试，大数据时代以数据为基础，经常会遇到操作大量数据的情景，数据的IO性能尤为重要，本文对常见的数据格式csv、feather、hdf5、jay、parquet、pickle性能进行对比。
第十二章 RabbitMQ之失败消息处理策略
Calvin的博客
10-11 1175
Spring AMQP提供了消费者失败重试机制，在消费者出现异常时利用本地重试，而不是无限地requeue到mq。我们可以定义一个异常队列和交换机，来接收其他交换机队列转发的无法处理的异常消息。然后我们可以查看其中的异常消息并进行人工处理。重试耗尽后，直接reject，丢弃消息（默认方式）重试耗尽后，将失败消息投递到指定的交换机（推荐）2. 定义接收失败消息的交换机、队列及其绑定关系。重试耗尽后，返回nack，消息重新入队。在实际项目的生产环境中，通过。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值