`

Flex DataGrid超链接和全选

    博客分类:
  • 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.controls.Alert;
    import mx.logging.LogLogger;
    import mx.logging.Log; 

        import mx.collections.ArrayCollection; 

        [Bindable] 

        private var demoArr:ArrayCollection=new ArrayCollection 

            ([{orgName:'杭州',amt:3654,available:false}, 

            {orgName:'嘉兴',amt:2000,available:false}, 

            {orgName:'绍兴',amt:1000,available:false}, 

            {orgName:'金华',amt:1200,available:false}, 

            {orgName:'宁波',amt:1800,available:false}, 

            {orgName:'台州',amt:560,available:false}, 

            {orgName:'丽水',amt:2300,available:false}, 

            {orgName:'湖州',amt:2900,available:false}, 

            {orgName:'衢州',amt:2600,available:false}, 

            {orgName:'温州',amt:1600,available:false}, 

            {orgName:'舟山',amt:1300,available:false}]) 
          

        //注意调用的方法是public的    

        public function clickEvent(o:Object):void{ 
            Alert.show(o.amt);        
        } 
       public function multip():void{
        ColumnUtil.getInstance().addCheckBox(dg1.columns[0],dg1);
             ColumnUtil.getInstance().setHeadState(dg1);
        }

    ]]> 

</mx:Script> 

  

<mx:VBox width="100%"

         height="100%"

         horizontalAlign="center"> 

    <mx:DataGrid width="400"

                 height="500"

                 dataProvider="{this.demoArr}"
creationComplete="multip();"
id="dg1"> 
         <mx:columns> 
            <mx:DataGridColumn id="dc1" dataField="available"/>
            <mx:DataGridColumn headerText="单位"> 

                <mx:itemRenderer> 

                    <mx:Component> 

                        <mx:LinkButton label="{data.orgName}"

                                       color="blue"

                                       textDecoration="underline"

                                       click="outerDocument.clickEvent(data)"> 

                        </mx:LinkButton> 

                    </mx:Component> 

                </mx:itemRenderer> 

            </mx:DataGridColumn> 



            <mx:DataGridColumn headerText="金额"

                               dataField="amt"> 

            </mx:DataGridColumn> 



        </mx:columns> 

    </mx:DataGrid> 

</mx:VBox> 

  

</mx:Application>

注意:在全选时,available非常重要,这里表示默认全不选,也可以设置默认选中部分。
分享到:
评论

相关推荐

    Flex dataGrid 全选、反选

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

    flex datagrid 嵌套checkbox实现全选

    在Flex开发中,数据网格(DataGrid)是用于展示数据集合的强大组件,它允许用户以表格形式查看和操作数据。本示例关注的是在DataGrid中嵌套复选框(Checkbox),并实现全选功能。这在需要用户批量选择或操作数据的...

    flex Datagrid checkbox全选

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

    Flex Datagrid全选功能

    在Flex编程中,Datagrid组件是用于展示数据集的一个强大工具,它允许用户进行交互式的数据浏览和操作。"Flex Datagrid全选功能"是指在Datagrid中实现一个功能,让用户能够一键选择所有行,这在处理大量数据时非常...

    flex datagrid checkbox 全选/反选

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

    Flex DataGrid CheckBox 一个简单的全选

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

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

    在.NET框架中,Windows Forms和WPF应用中经常使用DataGrid控件来展示和操作数据。这个场景下,用户可能需要实现一个常见的功能,即在DataGrid中添加CheckBox,允许用户进行多选操作,尤其是全选功能。这篇博客“在...

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

    特别是在数据量大且需要频繁进行批量操作的场景下,全选和取消全选的复选框功能是不可或缺的。 总之,Flex中的DataGrid结合复选框全选功能是提高用户体验的关键技术之一。通过合理的数据模型设计和事件监听,我们...

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

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

    flex datagrid 前台 分页

    通过分析和学习这些内容,开发者可以更好地理解和实现Flex DataGrid的前台分页功能。 总的来说,前台分页是一种提高用户体验的策略,但同时也需要谨慎处理以避免内存和性能问题。正确实现前台分页,可以使Flex ...

    flex中dataGrid全选和全不选功能

    在Flex框架中,DataGrid是用于展示数据列表的常用组件之一。它提供了丰富的特性来处理数据,包括排序、过滤和...通过以上步骤,我们可以在Flex的DataGrid中成功实现全选和全不选功能,提升数据操作的效率和便利性。

    flex DataGrid 表头分组

    当我们处理的数据需要进行分类或者分组时,Flex DataGrid 提供了表头分组的功能,这使得数据的展示更加有条理和易于理解。本文将详细探讨Flex DataGrid的表头分组特性及其实现方式。 首先,表头分组允许我们将数据...

    Flex Datagrid checkbox实现

    在Flex应用中,Datagrid经常被用于处理和展示大量的结构化数据。在标题“Flex Datagrid checkbox实现”中,讨论的核心是Datagrid中集成复选框(checkbox)的功能。 在Flex Datagrid中实现复选框功能,主要是通过...

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

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

    flex datagrid 实现合计功能控件包

    flex datagrid 实现合计功能控件包 带源码,demo fxp是flex4的工程文件,导入到工作空间即可 直接导入项目即可。 更多访问我的blog www.dplayer.net

    DataGrid全选实例

    DataGrid全选实例,rar前加个".",如“DataGrid.rar”

    flex4 list全选,反选

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

    flex datagrid

    Flex DataGrid是一个强大的数据展示组件,它在Adobe Flex框架中被广泛使用,用于显示和操作大量结构化的数据。这个组件提供了灵活的布局选项,可定制的列格式化,以及丰富的用户交互功能,如排序、筛选和编辑。...

    将Flex DataGrid数据导出到Excel中

    在Flex客户端,你需要遍历DataGrid的所有行和列,收集其显示的数据。你可以通过遍历DataGrid的items属性来获取所有数据项,然后访问每个item的children来获取单元格值。记得只提取可见的和有数据的单元格,因为...

    DataGrid全选并获取选中条目数

    现在,你已经具备了实现DataGrid全选功能和获取选中条目数的能力。这个功能对于用户交互和数据操作提供了很大的便利。在实际项目中,你可以根据需求进行适当的优化,例如添加异步处理或错误处理机制。同时,注意在...

Global site tag (gtag.js) - Google Analytics