`

Flex repeater使用

    博客分类:
  • Flex
阅读更多

代码一:

<?xml version="1.0" encoding="utf-8"?> 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
        layout="vertical" 
        verticalAlign="middle" 
        backgroundColor="white"> 
  
    <mx:Style> 
        Alert { 
            backgroundAlpha: 0.8; 
            backgroundColor: black; 
            borderAlpha: 0.8; 
            borderColor: black; 
        } 
    </mx:Style> 
  
    <mx:Script> 
        <![CDATA[ 
            import mx.controls.Alert; 
            import mx.controls.RadioButton; 
  
            private function radioButton_change(evt:Event):void { 
                var radio:RadioButton = RadioButton(evt.currentTarget); 
                var item:Object = radio.getRepeaterItem(); 
                var cssObj:CSSStyleDeclaration; 
                cssObj = StyleManager.getStyleDeclaration("Alert"); 
                cssObj.setStyle("modalTransparencyColor", item.data); 
                cssObj.setStyle("themeColor", item.data); 
                Alert.show(item.label, "getRepeaterItem()"); 
            } 
        ]]> 
    </mx:Script> 
  
    <mx:Array id="arr"> 
        <mx:Object label="Red" data="red" /> 
        <mx:Object label="Orange" data="haloOrange" /> 
        <mx:Object label="Yellow" data="yellow" /> 
        <mx:Object label="Green" data="haloGreen" /> 
        <mx:Object label="Blue" data="haloBlue" /> 
    </mx:Array> 
  
    <mx:ApplicationControlBar dock="true"> 
        <mx:Form styleName="plain"> 
            <mx:FormItem label="selectedValue:"> 
                <mx:Label text="{radioGroup.selectedValue}" /> 
            </mx:FormItem> 
        </mx:Form> 
    </mx:ApplicationControlBar> 
  
    <mx:HBox id="hb" horizontalGap="60"> 
        <mx:RadioButtonGroup id="radioGroup" /> 
        <mx:Repeater id="radioRepeater" 
                dataProvider="{arr}"> 
            <mx:RadioButton id="radioButtons" 
                    label="{radioRepeater.currentItem.label}" 
                    group="{radioGroup}" 
                    change="radioButton_change(event);" /> 
        </mx:Repeater> 
    </mx:HBox> 
  
</mx:Application>

 

代码二:

<?xml version="1.0" encoding="utf-8"?> 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
        layout="vertical" 
        verticalAlign="middle" 
        backgroundColor="white"> 
  
    <mx:Script> 
        <![CDATA[ 
            import mx.controls.Alert; 
            import mx.controls.CheckBox; 
  
            private function button_click(evt:Event):void { 
                var selArr:Array = []; 
                var idx:int; 
                var len:int = arr.length; 
                for (idx=0; idx<len; idx++) { 
                    if (checkBox[idx].selected) { 
                        selArr.push(checkBox[idx].label); 
                    } 
                } 
  
                var title:String = selArr.length + " of " + len + " item(s) selected."; 
                var message:String = selArr.join("n"); 
                Alert.show(message, title); 
            } 
  
            private function doFilter(element:*, index:int, arr:Array):Boolean { 
                return element.selected; 
            } 
  
            private function checkBox_change(evt:Event):void { 
                var ch:CheckBox = evt.currentTarget as CheckBox; 
                Alert.show(ch.getRepeaterItem().data); 
            } 
        ]]> 
    </mx:Script> 
  
    <mx:Array id="arr"> 
        <mx:Object label="Red" data="red" /> 
        <mx:Object label="Orange" data="haloOrange" /> 
        <mx:Object label="Yellow" data="yellow" /> 
        <mx:Object label="Green" data="haloGreen" /> 
        <mx:Object label="Blue" data="haloBlue" /> 
    </mx:Array> 
  
    <mx:Panel id="panel" width="50%" paddingLeft="10" verticalGap="10"> 
        <mx:Repeater id="checkBoxRepeater" dataProvider="{arr}"> 
            <mx:CheckBox id="checkBox" 
                    label="{checkBoxRepeater.currentItem.label}" 
                    data="{checkBoxRepeater.currentItem.data}" 
                    change="checkBox_change(event);" /> 
        </mx:Repeater> 
        <mx:ControlBar horizontalAlign="right"> 
            <mx:Button id="button" 
                    label="Click me" 
                    emphasized="true" 
                    click="button_click(event);" /> 
        </mx:ControlBar> 
    </mx:Panel> 
  
</mx:Application>

 

分享到:
评论

相关推荐

    flex Repeater标签使用教程

    ### Flex Repeater标签使用教程 #### 一、引言 在Flex开发中,`Repeater`组件是一个非常实用的功能,它允许开发者根据动态或静态的数据数组,在运行时重复显示一个或多个用户界面组件。这对于创建动态且响应式界面...

    repeater动态首尾相接显示图片

    在本文中,我们将深入探讨如何使用ASP.NET中的Repeater控件来实现动态首尾相接显示图片的功能。Repeater是一个非常灵活的数据绑定控件,它允许我们根据数据源中的每一项自定义HTML输出。这种技术常用于创建列表、...

    repeater固定列

    2. 使用嵌套Repeater 可以创建一个外层`Repeater`来处理列,内层`Repeater`处理行内的数据。外层`Repeater`循环次数为期望的列数,内层`Repeater`则根据剩余数据进行填充。 四、代码实现 以CSS Grid为例,`Default...

    flex中批量生成checkbox

    flex中checkbox的数量可以根据分割字符串来控制,最重要的就是这个&lt;mx:Repeater&gt;标签了

    flex快速入门“flex3_quickstart”

    - **使用Repeater组件**:动态重复渲染列表或网格中的数据项。 - **设置组件的皮肤**:自定义组件的视觉表现,实现高度定制的设计。 - **使用数据提供程序**:管理和绑定数据到UI组件,实现数据驱动的应用程序。 - *...

    Flex UI组件使用全集

    ### Flex UI组件使用全集详解 #### 概述 本文档是基于阿树对Adobe Flex UI组件库的全面整理,并结合Adobe主页上提供的各种组件代码示例进行深度解析。Flex是一种用于构建高度交互式的Web应用的框架,尤其适用于创建...

    flex_教程.doc

    此外,Flex还支持使用多种行业标准和技术(例如XML、CSS和SVG),这使得开发者能够利用他们已有的知识和技术栈来进行开发工作。 Flex的一个重要特点是它的分离协作模式和Flex公用组件模型(Flex Common Component ...

    Flex教程Flex教程

    ### Flex教程:深入理解Flex构建动态用户界面 #### 概述 Flex是一种强大的技术栈,专为...总之,理解和掌握Flex的关键概念,如MXML组件、ActionScript编程、数据绑定和重复器的使用,是成为Flex开发专家的必经之路。

    flex quick starts

    ### 使用Repeater组件 在Adobe Flex开发中,`Repeater`组件是一种非常实用且灵活的工具,用于在界面上重复渲染一系列相似的UI元素。它适用于需要根据动态数据集(如来自WebService的Array对象)或者静态数组来重复...

    ItemRenderer and Repeater

    通过博客中的链接,读者可能会了解到如何结合使用`ItemRenderer`和`Repeater`来创建高效、美观的数据展示界面。博主可能还分享了如何配置和优化这两个组件的示例代码,以及解决在实际开发中遇到的问题。遗憾的是,...

    Flex 应用程序性能: 改善客户端应用程序和服务器性能的技巧与技术

    ### Flex 应用程序性能:改善客户端应用程序和服务器性能的技巧与技术 #### 概述 随着互联网技术的发展,富互联网应用(RIA)的需求日益增长。Macromedia Flex 是一个强大的平台,它允许开发者创建高性能的 RIA。...

    Flex 3 组件实例与应用(2009版)

    HScrollbar组件实现了水平滚动条的功能,当内容超出容器宽度时可以使用。 ##### 8. **HSlider** HSlider组件提供了水平滑块的功能,适用于设置数值范围内的值。 ##### 9. **List** List组件用于显示列表数据,...

    《Flex 3 组件实例与应用(2009版)》(PDF)

    《Flex 3 组件实例与应用(2009版)》是一本深入解析Adobe Flex 3框架下组件使用与实践的专业书籍。本书由Dason精心整理于2009年2月,全面覆盖了Flex 3中的各种控件、容器、数据可视化组件以及效果、视图状态和过渡...

    flex复选框和下拉列表的几种用法整理

    在本文中,作者介绍了如何在Flex环境下使用复选框和下拉列表来实现几种常用的操作。通过实际的编码示例,我们可以学习到如何处理复选框的全选、全不选、反选以及选中特定项的操作,以及如何初始化下拉列表并将数据...

    Developing Flex Applications 910p dda_doc88_cracker.zip

    1. a book Developing Flex Applications 2. a web page viewer for doc88 ebt 3. a DDA downloader for doc88.com CONTENTS PART I: Presenting Flex CHAPTER 1: Introducing Flex. . . . . . . . . . . . . . ...

    实现网页上中(左右)下布局

    例如,使用`Repeater`控件动态生成导航栏或菜单项,或者使用`UpdatePanel`实现无刷新更新内容区。 总之,实现"网页上中下布局"涉及HTML结构、CSS样式以及可能的JavaScript交互。通过合理的`div`布局和CSS Flexbox,...

    数据驱动组件.数据驱动组件.

    数据驱动组件是软件开发中的一种设计模式,尤其在富客户端应用程序如Flex中广泛使用。它强调数据源的变化能够自动更新用户界面,无需手动控制每个组件的状态。数据驱动组件包括基本列表、高级列表、菜单和导航按钮等...

    Flex中让鼠标移至AdvancedDataGrid的行上不自动修改显示效果

    在Flex开发中,AdvancedDataGrid控件是一种强大的数据网格组件,用于展示大量结构化数据。相较于mx:Repeater,AdvancedDataGrid在处理大数据集时提供了更好的性能和用户体验,包括分页、排序、过滤等功能。然而,它...

    RadioButtonList 横向列表 免费下载

    `RadioButtonList`是ASP.NET Web Forms框架中的一个服务器控件,它结合了`RadioButton`和`Repeater`的功能。与`ListBox`或`DropDownList`不同的是,`RadioButtonList`提供了一个更直观的方式来显示多个选项,并且...

    C#开发控件命名规则

    - `data repeater`(数据重复器):`drpLocation` - `date picker`(日期选择器):`dtpPublished` - `directory list box`(目录列表框):`dirSource` - `drive list box`(驱动器列表框):`drvTarget` - `...

Global site tag (gtag.js) - Google Analytics