`

flex AdvancedDataGrid使用(树结构)2

    博客分类:
  • flex
 
阅读更多
                                <mx:AdvancedDataGridColumn headerText="Id"
                                                   dataField="id"
                                                   width="130"
                                                   labelFunction="disId"
                                                   >
                                    <mx:itemRenderer>
                                        <fx:Component>
                                            <mx:VBox horizontalAlign="center">
                                                <mx:LinkButton id="btnIpAddr" label="{data.id}" visible="{data.visible}"  textDecoration="underline" click="outerDocument.btnIpAddr_clickHandler(event)"/>
                                            </mx:VBox>
                                        </fx:Component>
                                    </mx:itemRenderer>
                                </mx:AdvancedDataGridColumn>
                                <mx:AdvancedDataGridColumn headerText="Submit Time"
                                                   dataField="submitTime"
                                                   width="130"
                                                   labelFunction="disDate"                                                   
                                                   />

             /**
             * 为了使表格标题加粗显示,在AdvancedDataGrid设置了fontWeight="bold",这样会使整个表格都加粗显示,因此需要指定
             * styleFunction="columnStyle",使表格内容变为正常字体。
             */ 
            private function columnStyle(data:Object, clo:AdvancedDataGridColumn):Object
            {
                return {fontWeight: "normal"};
            }

             /**
             * 将日期显示为YYYY-MM-DD
             * @param item : 当前处理的对象,即内置data
             * @param column: 当前列
             */
            private function disDate(item:Object, column:AdvancedDataGridColumn):String
            {
                if (item is com.xx.xx.xx.cloudstudio.iaas.vo.IPPortOpenList)
                {
                    return "";
                }
                return df.format(item.submitTime);
            }

备注:
    使用时,如果列的总宽度超过了表格的宽度,是不会显示树箭头的,因此要设置列的宽度
分享到:
评论

相关推荐

    Flex技术中AdvancedDataGrid使用方法

    ### Flex技术中AdvancedDataGrid使用方法 #### 一、多列排序 在默认情况下,`AdvancedDataGrid`组件会按照数据被添加至其`DataProvider`的顺序来展示数据。与`DataGrid`组件类似,`AdvancedDataGrid`也支持用户在...

    flex advancedDataGrid 中如何实现带checkbox的树

    综上所述,实现Flex AdvancedDataGrid中带复选框的树形结构涉及数据模型的设计、HierarchicalData的使用、AdvancedDataGrid的配置以及事件处理等多个方面。通过灵活应用这些技术,我们可以创建出功能强大且易于操作...

    AdvancedDataGrid综合应用

    AdvancedDataGrid支持树形结构数据,可以显示嵌套的数据集,这对于展示层次关系复杂的数据非常有用。通过使用GroupingField和DataGroup对象,我们可以将数据按照特定字段进行分组。 3. **多列排序** 与DataGrid...

    AdvancedDataGrid 动态添加节点 控制树

    在Flex开发中,AdvancedDataGrid是一个强大的组件,用于展示大量数据并进行复杂的数据操作,如分组、排序和过滤。这个组件特别适用于构建数据密集型的用户界面,尤其是在需要显示层次结构数据时。本篇文章将深入探讨...

    AdvancedDataGrid多表头与树形表格(数据统计)

    在实际开发中,`_9.mxml` 文件很可能是包含一个使用AdvancedDataGrid的示例应用程序,它可能展示了如何配置组件、定义数据源、设置多表头和树形结构。通过阅读和分析此文件,我们可以学习到如何在Flex项目中具体实现...

    SparkTree_AdvancedDataGrid

    SparkTree_AdvancedDataGrid是基于Adobe Flex SDK 4.5的一个高级组件,它在Flex应用中提供了强大的树形数据展示功能。Flex是一个用于创建富互联网应用程序(RIA)的开放源代码框架,广泛应用于Web开发,特别适合构建...

    advancedDataGrid单击逐级展开的例子

    例如,你可以使用`HierarchicalData`对象,它能将普通数据转换为树形结构。 2. **数据提供者**:将数据模型与`advancedDataGrid`关联起来,设置`dataProvider`属性,使网格知道如何显示数据。如果你使用`...

    Flex 3 发现之旅

    3. **显示分层数据**:AdvancedDataGrid的第一列可以展示一个可折叠的导航树,控制表格行的展开和收起,这对于处理层级结构的数据非常有用。 4. **多列分组**:可以将多列数据归并到同一个表头下,形成分组,这样有...

    flex开发实例

    - **Tree控件**:用于构建树形结构的数据展示,支持多级层次结构。 - **AdvancedDataGrid控件**:扩展了DataGrid的功能,提供了更丰富的数据展示选项。 - **CSS**:Flex支持使用CSS来定制界面样式,使得UI设计更加...

    Flex考试题.docx

    - 可以以平面或树形结构显示数据。 - 支持绑定多种类型的数据源,如ArrayCollection、XMLList等。 - 支持数据分组、摘要显示、排序等功能。 ### Flex中的动画与导航 1. **Flex动画功能:** - Flex支持各种动画...

    Flex Gis 开发

    8. **Tree控件**:以树形结构展示数据,常用于表示层次关系。 9. **AdvancedDataGrid控件**:扩展了DataGrid的功能,提供了更高级的数据展示能力。 10. **CSS**:用于控制Flex应用程序的外观和风格,类似于HTML中的...

    IT技术文章示例

    Flex Tree组件是一种树形数据展示控件,常用于表示具有层次结构的数据。实现实时更新,通常需要监听数据源的变化,并在数据变化时触发Tree组件的刷新事件。此外,还可以通过自定义TreeItemRenderer,实现更复杂的...

    WEB技术研发专题.pdf

    综上所述,Web技术研发专题涵盖了文档模板的管理和使用,以及基于Flex的动态列表实现,这些技术对于构建高效、易用的Web应用至关重要。在实际开发中,理解并熟练运用这些工具和技术,可以极大地提升开发效率和用户...

Global site tag (gtag.js) - Google Analytics