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

flex的DataGrid中使用ComboBox来实现

    博客分类:
  • Flex
阅读更多
<?xml   version= "1.0 "   encoding= "utf-8 "?>
<mx:Application   xmlns:mx= "http://www.adobe.com/2006/mxml "   layout= "absolute "   fontFamily= "宋体 "   fontSize= "12 "   width= "424 "   height= "396 ">      
        <mx:Script>      
                <![CDATA[      
                        import   mx.controls.*;      
                        import   mx.core.Application;
                        import   mx.controls.dataGridClasses.*;      
                        private   var   DataGrid1:DataGrid    
                        [Bindable]
                        public   var   dataArr2:Array   =   [{id:1,name: "铅笔 ",price:100,count: "第2次 "},      
                                                                                {id:2,name: "毛笔 ",price:50,count: "第2次 "},      
                                                                                {id:3,name: "钢笔",price:333,count: "第3次 "}]  
                        [Bindable]
                        public   var   dataArr:Array   =   new   Array({label: "第1次 ",   data: "1 "},{label: "第2次 ",   data: "2 "},
        {label: "第3次 ",   data: "3 "},   {label: "第4次 ",   data: "4 "});
                        [Bindable]  
        public   var   s:int   =   2;
                ]]>      
        </mx:Script>      
      <mx:Component   id= "myComponent ">          
                <mx:ComboBox   x= "179 "   y= "1 "   width= "67 "   dataProvider= "{Application.application.dataArr} "   selectedIndex= "{Application.application.s} ">
                <mx:Script>
                <![CDATA[
                import   mx.core.Application;
                ]]>
                </mx:Script>
                </mx:ComboBox>
        </mx:Component>      
        <mx:DataGrid   id= "DataGrid2 "   editable= "true "   dataProvider= "{Application.application.dataArr2} "   y= "200 "   x= "10 ">      
                <mx:columns>      
                        <mx:DataGridColumn   headerText= "序号 "   dataField= "id "   editable= "false "/>      
                        <mx:DataGridColumn   headerText= "名称 "   dataField= "name "/>    
                        <mx:DataGridColumn   headerText= "价格 "   dataField= "price "   editorDataField= "value "   editable= "false ">      
                                <mx:itemRenderer>      
                                        <mx:Component>      
                                                <mx:NumericStepper   maximum= "1000 "   minimum= "10 ">      
                                                </mx:NumericStepper>      
                                        </mx:Component>      
                                </mx:itemRenderer>      
                        </mx:DataGridColumn>      
                        <mx:DataGridColumn   headerText= "数量 "   dataField= "count "   editable= "true "   editorDataField= "text "   itemEditor= "{myComponent} "/>      
                </mx:columns>      
        </mx:DataGrid>      
</mx:Application>
分享到:
评论

相关推荐

    flex datagrid 中实现combobox联动

    此外,别忘了在DataGrid的列配置中使用自定义的ComboBox,并正确地设置它们之间的关系。 总结,Flex中实现DataGrid内ComboBox的联动需要掌握事件监听、数据绑定、自定义组件等技术。通过以上步骤,我们可以创建出...

    flex DataGrid 嵌入Combobox列拖动下拉条数据混乱

    总的来说,解决Flex DataGrid中Combobox列拖动时数据混乱的问题需要理解数据绑定、自定义渲染器和事件监听等核心概念。通过恰当的编程实践和技巧,我们可以使DataGrid在提供灵活交互的同时,保持数据的一致性和正确...

    Flex DataGrid 内嵌ComboBox 再内嵌一个 DataGrid

    本文将深入探讨如何在Flex DataGrid组件中内嵌ComboBox,并且ComboBox中再内嵌一个DataGrid,这是一项高级的UI设计技术,能够提供复杂的数据展示和交互功能。 首先,让我们理解Flex DataGrid组件。DataGrid是Flex中...

    flex实现 ComboBox中下拉checkbox

    然而,有时我们需要在ComboBox中嵌入多选功能,这时可以通过添加Checkbox来实现。本文将深入探讨如何在Flex中的ComboBox实现下拉列表中包含Checkbox的功能,并结合移动面板和可调整大小的面板实例,为你提供一个完整...

    Flex实现自动过滤ComboBox

    在Flex中,我们可以使用MX组件库中的ComboBox类或Spark组件库中的ComboBox类。为了实现自动过滤,我们需要监听TextInput的键盘事件,如change事件,然后根据输入的字符过滤List的数据源。 博客中提到的`...

    flex下拉dataGrid

    在Flex中,下拉控件(Dropdown)通常由ComboBox或List控件实现,而数据网格(DataGrid)则用于显示和操作结构化的表格数据。要实现“带dataGrid的自定义下拉控件”,我们需要对这两个组件进行组合和定制,创建一个...

    flexdatagrid实现列中下拉列表与行勾选功能

    本篇文章将深入探讨如何在`Flex DataGrid`中实现列中下拉列表(ComboBox)以及行的勾选(CheckBox)功能,这在诸如数据筛选、多选操作等场景中非常常见。 首先,我们要了解`Flex DataGrid`的基本结构。`DataGrid`由...

    Flex4 DataGrid控件行编辑项目

    在这个项目中,我们关注的是如何实现DataGrid的行编辑功能,特别是在行中嵌套ComboBox控件以提供更复杂的用户交互。 一、DataGrid控件的基本使用 DataGrid控件是MXML中的一个组件,用于展示数据源(如...

    flex 自定义 datagrid 列头带组合框进行过滤

    这个主题——"flex 自定义 datagrid 列头带组合框进行过滤",涉及到的关键知识点包括Flex组件定制、DataGrid列头的扩展以及ComboBox控件的使用。 1. Flex组件定制: 在Flex中,我们可以使用MXML和ActionScript来...

    Flex4视频教程_03-06ComboBox和DataGrid的使用.rar )

    在Flex4中,ComboBox和DataGrid的组合使用常见于数据密集型的应用场景,例如表单填写、数据筛选和表格编辑。通过学习这个视频教程,你将掌握如何有效地利用这两个组件来提升用户界面的交互性和数据管理的便利性。...

    ComboBox in DataGrid tutorial

    在本教程中,我们将探讨如何在Flex 3中动态地将ComboBox添加到DataGrid控件中,使用ActionScript 3来实现。此方法对于那些在项目初始阶段不确定列数(例如,数据是从数据库读取的情况)的情况下非常有用。我们将从头...

    flex中的datagrid的分页定位以及高亮显示

    综上所述,实现Flex中的`Datagrid`分页定位和高亮显示需要精确控制数据查询、`Combobox`的定位以及`Datagrid`的选中行。通过编写和调用特定的辅助函数,我们可以确保用户在操作数据后能够顺畅地回溯到修改后的状态,...

    使用Flex开发DataGrid分页控件应用支持客户端及服务端

    Flex中可以使用WebServices或者AMF服务来与服务器通信,通过XML或JSON格式传递分页参数(如页码、每页记录数)和返回结果。 服务端分页的关键在于,当用户点击分页按钮或改变每页记录数时,发送请求到服务器获取...

    Flex--AdvanceDataGrid(列头筛选功能,含ComboBox列、Button列、Checkbox列等)

    在"Flex--AdvanceDataGrid(列头筛选功能,含ComboBox列、Button列、Checkbox列等)"这个项目中,我们将深入探讨如何实现ADG的列头筛选,以及如何集成不同类型的列,如ComboBox列、Button列和Checkbox列。 首先,让...

    DataGridCombox下拉列3级联

    总的来说,Flex中的DataGrid和ComboBox结合使用,通过3级联的实现,可以创建出强大的用户界面,方便用户高效地浏览和操作层次性数据。理解这一技术有助于提升你的Flex应用开发能力,特别是在处理复杂数据展示和交互...

    Flex3 两个例子,一个AutoComplete一datagrid

    在Flex3中,`AutoComplete` 功能通常通过使用`Combobox`或`List`组件来实现。开发者可以自定义数据源,比如从服务器端获取数据,或者使用本地数据集。用户在输入时,组件会过滤数据源中的项,显示出匹配的建议。这个...

    Flex--AdvanceDataGrid(列头筛选功能,含ComboBox列、Button列、Checkbox列等)修正版

    这个“Flex--AdvanceDataGrid(列头筛选功能,含ComboBox列、Button列、Checkbox列等)修正版”是针对AdvancedDataGrid的一个定制化版本,修复了之前版本中的一个问题,即CheckboxColumn无法被正确选择。 在Flex的...

    DataGrid的itemRenderer and HeaderRenderer

    实现多选功能时,除了在`itemRenderer`中使用`CheckBox`,还需要维护一个记录已选中项的数组。每次`CheckBox`的`change`事件触发时,更新这个数组。在处理全选/全取消选择时,也要同步这个数组。此外,还可以添加一...

    flex 学生成绩管理系统

    2. **成绩录入**:教师可以通过系统录入每个学生的各科成绩,可能使用了TextInput或ComboBox等组件来输入或选择科目和分数。Flex的数据绑定功能可以轻松实现视图与模型之间的同步。 3. **成绩查询**:用户可以根据...

    我的第一个flex项目

    Flex提供了丰富的组件库,如容器(Panel、Group等)、数据展示(List、DataGrid等)、用户输入(TextInput、ComboBox等)。通过这些组件,你可以快速构建出功能丰富的界面。 六、编译与运行 在完成代码编写后,...

Global site tag (gtag.js) - Google Analytics