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

(转)flex dataGrid 编辑

FlexXMLFlashBlog 
阅读更多
在flex的dataGrid中，很多情况下列是需要嵌入其他的控制的，比如：checkbox,combox等，此时需要利用dataGrid的如下功能：

1.datagrid编辑功能简介
    当我们点击datagrid中的一个单元格进行编辑时，可结合使用一些组件，RadioButtonGroup、checkbox、ComboBox等
    datagrid的编辑功能必须使用以下组件：editorDataField、itemEditor和itemRenderer。

    editorDataField 属性确定包含新数据的项目编辑器的属性，并使用这些新数据更新数据提供程序项目。因为默认项目编辑器是 TextInput 控件，所以 editorDataField 属性的默认值为 "text"，以指定 TextInput 的 text 属性包含新项目数据。
    itemEditor为DataGrid的单元格编辑器,而itemRenderer则为渲染器,就是说.itemEditor只会在单元格处理编辑状态下才会出现.
    itemRenderer则是一直显示(就是网友关心的,自定义DataGrid的列)

   datagrid各项数据编辑后的保存
   不要一个一个地从datagrid中读取各项的值，最好通过Arraycollection数据源与datagrid进行绑定，如果需要读取编辑后的数值，可以直接读取ArrayCollection。具体看本文《datagrid控件的各项数据可编辑》。

2.editorDataField使用方法
属性描述：
         public var editorDataField:String = "text"
    项目编辑器的属性名称，其中包含列表项目的新数据。例如，默认的 itemEditor 为 TextInput，因此，editorDataField 属性的默认值为 "text"，此值指定 TextInput 控件的 text 属性。
   
例1：

    <mx:DataGridColumn headerText="名称" id="dg2" dataField="name" editable="true" editorDataField="text"/>

    以上代码说明表示"名称"这一列可通过TextInput控件编辑，并将TextInput控件的text属性值传给DataGridColumn。editorDataField="text"是默认值，可不写。

例2： 
    <mx:DataGridColumn headerText="价格" id="dg3" dataField="price" editorDataField="value" editable="false">     
                <mx:itemRenderer>     
                    <fx:Component>     
                        <mx:NumericStepper maximum="1000" minimum="10">     
                        </mx:NumericStepper>     
                    </fx:Component>     
                </mx:itemRenderer>     
            </mx:DataGridColumn> 
    editorDataField="value"表示将控件NumericStepper 的属性value传给DataGridColumn

3.itemEditor使用方法
属性描述：
        public var itemEditor:IFactory
       当编辑该列时，调用列的项目编辑器实例的类工厂创建编辑类。
       默认值为 new ClassFactory(mx.controls.TextInput).见本文《editorDataField使用方法》

例1： 
    <mx:DataGridColumn dataField="score"
                     editable="true"
                     itemEditor="mx.controls.NumericStepper"
                     editorDataField="value" />

    这里表示，当进入编辑状态时，itemEditor将创建NumericStepper对象，并将NumericStepper的属性与该单元格进行绑定。
    如果想进一步指定NumericStepper的取值范围等，可采用如下代码 
    <mx:DataGridColumn headerText="数量" dataField="count" editorDataField="value">
        <mx:itemEditor>
            <fx:Component>
                <mx:NumericStepper maximum="1000" minimum="10">
                </mx:NumericStepper>
            </fx:Component>
        </mx:itemEditor>
    </mx:DataGridColumn>
  
例2：
    如果绑定的对象属性与itemEditor指定控件不能对应，比如数据源中的日期是一个String类型，而编辑时必须用Date类型。可采用如下代码： 
    <mx:DataGridColumn headerText="DateString" 
                    dataField="dateString" width="120" 
                    itemEditor="DateEditor"
                    editorDataField="text" />

    下面对DateEditor控件继承mx.controls.DateField控件，并重载set data()方法，并进入编辑状态时，创建一个DateEditor对象，这个对象先将字符串转换成Date对象，再用DateField控件进行编辑。
    详见本文的《Flex中的DateField作为DataGrid的itemEditor接收字符串日期》

4.itemRenderer使用方法
    itemRenderer有两种用法：自定义控件和直接嵌入代码。
例1：
    本例为直接嵌入代码，<fx:component>表示直接嵌入一个控件，可以理解为一个内部类。 
    
<mx:DataGridColumn headerText="价格" id="dg3" dataField="price" editorDataField="value" editable="false">     
                <mx:itemRenderer>     
                    <fx:Component>     
                        <mx:NumericStepper maximum="1000" minimum="10">     
                        </mx:NumericStepper>     
                    </fx:Component>     
                </mx:itemRenderer>     
            </mx:DataGridColumn>

例2：
   本例先自定义一个控件，再引用该控件。 
   <mx:DataGridColumn headerText="描述" id="dg4" dataField="count" editable="true" editorDataField="value" itemEditor="{cb_Render}"/>

    <fx:Declarations>
        <fx:Component id="cb_Render">
            <mx:ComboBox>
                <mx:dataProvider>
                    <fx:String>不合格</fx:String>
                    <fx:String>合格</fx:String>
                    <fx:String>错别字</fx:String>
                </mx:dataProvider>
            </mx:ComboBox>
        </fx:Component>
    </fx:Declarations>



5.as代码使用方法
    大概跟上面类似.,需要注意的是.用代码设置itemRenderer时.接受的类形是ClassFactory.,如果需要给选择的组件 (这里是NumericStepper),需要设置ClassFactory的properties属性.为一个object,代码模拟《控件的各项数据可编辑》
        col = new DataGridColumn()
        col.headerText = "价格"
        col.dataField = "price"
        col.editable = false
        var itemRenderer:ClassFactory = new ClassFactory(NumericStepper);
        itemRenderer.properties = {maximum:1000,minimum:10}
        col.itemRenderer = itemRenderer
        col.editorDataField = "value"



6.datagrid控件的各项数据可编辑
功能说明：
    本例中的datagrid各项数据都可编辑，“序号”不可编辑，“名称”通过文本框编辑，“价格”通过数字下拉框编辑，“描述”通过combobox编辑，“select”通过checkbox编辑。
    用户点击“保存”按钮，读取表中各行属性显示。

代码： 
<?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/halo"
               creationComplete="init()"
               minWidth="1024" minHeight="768">
    <s:layout>
        <s:BasicLayout/>
    </s:layout>

    <fx:Script>     
        <![CDATA[     
            import mx.collections.ArrayCollection;
            import mx.controls.*;     
            import mx.controls.dataGridClasses.*;  
            
            
            private var DataGrid1:DataGrid    
            public var languageFlag:String = "cn";  
            [Bindable]  
            public var dataArr2:ArrayCollection =new ArrayCollection(
                        [{id:1,name:"苹果",price:100,count:"不合格",selected:false},     
                        {id:2,name:"西瓜",price:50,count:"不合格",selected:true},     
                        {id:3,name:"水蜜桃",price:333,count:"错别字",selected:false}]
                        );
            
            [Bindable]  
            public var dataArr:ArrayCollection = new ArrayCollection(
                    [{label:"不合格", data:"2"},{label:"不合格", data:"3"},  
                    {label:"进口", data:"4"}, {label:"一般", data:"5"}]
                    );  
            
            private function init():void{    
                
            }  
            
            public function saved():void{ 
                for each(var a:Object in dataArr2){  
                    Alert.show("当前数据为: " + "序号: " + a.id + ", 名称: " + a.name + ", 数量: " + a.count + ", selected: " + a.selected);  
                }  
            }  
        ]]>     
    </fx:Script>     
    
    <fx:Declarations>
        <fx:Component id="cb_Render">
            <mx:ComboBox>
                <mx:dataProvider>
                    <fx:String>不合格</fx:String>
                    <fx:String>合格</fx:String>
                    <fx:String>错别字</fx:String>
                </mx:dataProvider>
            </mx:ComboBox>
        </fx:Component>
    </fx:Declarations>
    
    <mx:Button click="saved()" x="441" y="46" label="保存"/>  
    <mx:DataGrid id="DataGrid2" editable="true" dataProvider="{dataArr2}" y="76" x="10" height="266" width="516">     
        <mx:columns>     
            <mx:DataGridColumn headerText="序号" id="dg1" dataField="id" editable="false"/>     
            <mx:DataGridColumn headerText="名称" id="dg2" dataField="name"/>    
            <mx:DataGridColumn headerText="价格" id="dg3" dataField="price" editorDataField="value" editable="false">     
                <mx:itemRenderer>     
                    <fx:Component>     
                        <mx:NumericStepper maximum="1000" minimum="10">     
                        </mx:NumericStepper>     
                    </fx:Component>     
                </mx:itemRenderer>     
            </mx:DataGridColumn>     
            <mx:DataGridColumn headerText="描述" id="dg4" dataField="count" editable="true" editorDataField="text" itemEditor="{cb_Render}"/>  
            <mx:DataGridColumn headerText="select" dataField="selected" editable="false">  
                <mx:itemRenderer>  
                    <fx:Component>  
                        <mx:CheckBox click="data.selected=!data.selected"  selected="{data.selected}"/>  
                    </fx:Component>                       
                </mx:itemRenderer>  
            </mx:DataGridColumn>    
        </mx:columns>     
    </mx:DataGrid>     
</s:Application>

7.Flex中的DateField作为DataGrid的itemEditor接收字符串日期
功能说明：
    扩展DateField组件处理字符型日期数据
代码：
DateEditor.mxml 
<?xml version="1.0" encoding="utf-8"?>
<mx:DateField xmlns:fx="http://ns.adobe.com/mxml/2009" 
              xmlns:s="library://ns.adobe.com/flex/spark" 
              xmlns:mx="library://ns.adobe.com/flex/halo"
              implements="mx.controls.listClasses.IListItemRenderer"
              focusIn="open()">
    <fx:Script>
        <![CDATA[
            override public function set data(value:Object):void{
                if(listData){
                    var newDate:Date;
                    
                    if (value is String){
                        newDate = new Date(Date.parse(data as String));
                        super.data=newDate;
                    } 
                    else if (value is Date){
                        super.data=value as Date;
                    }
                }        
            }
        ]]>
    </fx:Script>
</mx:DateField>


datagrid4.mxml 
<?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/halo" minWidth="1024" minHeight="768">
    <s:layout>
        <s:BasicLayout/>
    </s:layout>
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>
    <fx:Script>
        <![CDATA[
        import mx.controls.dataGridClasses.DataGridListData;
        import mx.events.DataGridEvent;
        import mx.collections.ArrayCollection;
        import mx.controls.DateField;
        import mx.core.ClassFactory;
        import mx.controls.dataGridClasses.DataGridListData;
        
        [Bindable]
        public var ac:ArrayCollection = new ArrayCollection(
        [{dateString:"11/12/2006", contact:"ABD DEF", dt: new Date(2003,10,23)},
        {dateString:"11/12/2007", contact:"GHI", dt:new Date(2004,11,2)},
        {dateString:"10/10/2007", contact:"JKL MNOP", dt:new Date(2007,4,14)},
        {dateString:"09/12/2007", contact:"QRSTUV W XY Z", dt:new Date(2006,1,1)}]);
        ]]>
    </fx:Script>
    <mx:DataGrid editable="true" height="95%" width="95%" id="dg" dataProvider="{ac}">
        <mx:columns>
            <mx:DataGridColumn headerText="DateString" dataField="dateString" width="120" 
                               itemEditor="DateEditor"
                               editorDataField="text" />                    
            <mx:DataGridColumn headerText="Date" dataField="dt" width="120" 
                               itemRenderer="mx.controls.DateField" 
                               rendererIsEditor="true" 
                               editorDataField="selectedDate"/>                     
            <mx:DataGridColumn headerText="Contact" dataField="contact" width="80"/>
        </mx:columns>
    </mx:DataGrid>
</s:Application>

8.Flex的Datagrid控件双击弹出子窗体编辑
功能说明：
    当双击DataGrid的一项时，弹出窗口进行内容编辑.
    通过PopUpManager和itemRenderer实现
代码：
主程序 
    <?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/halo"
               xmlns:local="XautComponent.*"
               minWidth="1024" minHeight="768">
    <s:layout>
        <s:BasicLayout/>
    </s:layout>
    <fx:Declarations>
        <fx:Array id="arr">
            <fx:Object articleName="Finding out a characters Unicode character code Downloading the latest Adobe Labs version of Flex 3 SDK/Flex Builder 3 (codename: Moxie)" data="15" />
            <fx:Object articleName="Setting an icon in an Alert control" data="14" />
            <fx:Object articleName="Setting an icon in a Button control" data="13" />
            <fx:Object articleName="Installing the latest nightly Flex 3 SDK build into Flex Builder 3" data="10" />
            <fx:Object articleName="Detecting which button a user pressed to dismiss an Alert dialog" data="9" />
            <fx:Object articleName="Using the Alert control Formatting data tips in a Slide" data="8" />
        </fx:Array>

    </fx:Declarations>

        <mx:DataGrid height="250" dataProvider="{arr}" variableRowHeight="true" width="60%" editable="true">
            <mx:columns>
                <mx:DataGridColumn dataField="data" headerText="ID" editable="false" width="125"/>
                <mx:DataGridColumn 
                    editable="false" wordWrap="true"
                    headerText="Article Name"              
                    itemRenderer="XautComponent.MyRenderer" dataField="articleName"/>
            </mx:columns>
        </mx:DataGrid>
</s:Application>


MyRender.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Text xmlns:fx="http://ns.adobe.com/mxml/2009" 
         xmlns:s="library://ns.adobe.com/flex/spark" 
         xmlns:mx="library://ns.adobe.com/flex/halo"
         implements="mx.controls.listClasses.IDropInListItemRenderer" 
         toolTip="Double Click to Edit…" doubleClick="callLater(openPopup)"
         doubleClickEnabled="true"
         text="{txt}">
    
        <fx:Script>
            <![CDATA[
            import mx.controls.DataGrid;
            import mx.controls.listClasses.ListData;
            import mx.controls.dataGridClasses.DataGridListData;
            import mx.controls.listClasses.BaseListData;
            import mx.managers.PopUpManager;
            import mx.events.FlexEvent;
            import XautComponent.Popup;
                
            private var _listData:DataGridListData;            
            
            [Bindable]
            public var txt:String;
            
            private var pop:Popup;
            
            override public function set data(value:Object):void {
            super.data = value;        
            txt=data[_listData.dataField];
            }
            
            override public function get data():Object {
            return super.data;
            }           
            
            override public function get listData():BaseListData
            {
            return _listData;
            }

            override public function set listData(value:BaseListData):void
            {
            _listData = DataGridListData(value);
            }  
            
            private function openPopup():void{
            pop= Popup(PopUpManager.createPopUp(this.owner,Popup,true));
            pop.txt=this.txt;
            pop.opener=this;
            }          
            
            public function updateDP(str:String):void{
            var myDG:DataGrid=this.owner as DataGrid;
            var row:int=_listData.rowIndex+myDG.verticalScrollPosition;
            this.data[_listData.dataField]=str;
            myDG.dataProvider.itemUpdated(data);
            }
            ]]>
        </fx:Script>
</mx:Text>



Popup.mxml


<?xml version="1.0" encoding="utf-8"?>
<mx:TitleWindow xmlns:fx="http://ns.adobe.com/mxml/2009" 
                xmlns:s="library://ns.adobe.com/flex/spark" 
                xmlns:mx="library://ns.adobe.com/flex/halo"
                layout="absolute"
                width="350" height="250" showCloseButton="false" creationComplete="centerMe()"
                defaultButton="{btnSave}"> 

        <fx:Script>
            <![CDATA[
            import mx.managers.FocusManager;
            import mx.managers.PopUpManager;
            
            [Bindable]
            public var txt:String;
            
            public var opener:Object;
            
            
            private function save():void{
            (opener as MyRenderer).updateDP(ta.text);
            cancel();
            }
            
            private function cancel():void{
            PopUpManager.removePopUp(this);
            returnFocus();
            }
            
            private function returnFocus():void{
            opener.setFocus();
            }
            
            private function centerMe():void{
            PopUpManager.centerPopUp(this);
            ta.setFocus();         
            }
            
            ]]>
        </fx:Script>
        
        <mx:TextArea id="ta" text="{txt}" height="100%" width="100%"/>
        <mx:ControlBar>
            <mx:HBox>
                <mx:Button id="btnSave" label="save" click="save()"/>
                <mx:Button id="btnCancel" label="cancel" click="cancel()"/>            
            </mx:HBox>
        </mx:ControlBar>
</mx:TitleWindow>



9.Flex的Datagrid控件双击后进行编辑

   本例为用户必须双击单元格才能进行编辑，由于datagrid默认是单击进行编辑，必须先继承Datagrid类，添加doubleClick事件处理。

代码：

主程序

<?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/halo" minWidth="1024" minHeight="768"
               xmlns:local="*" >
    <s:layout>
        <s:BasicLayout/>
    </s:layout>
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>
    <fx:Script>
        <![CDATA[
        private var arr:Array = [
        { firstName: "Alex", lastName: "Harui" },
        { firstName: "Gordon", lastName: "Smith" },
        { firstName: "Deepa", lastName: "Subramanian" },
        { firstName: "Matt", lastName: "Chotin" },
        { firstName: "Ely", lastName: "Greenfield" },
        { firstName: "Kevin", lastName: "Lynch" },
        { firstName: "Shantanu", lastName: "Narayan" },
        { firstName: "Joan", lastName: "Lafferty" },
        { firstName: "Ryan", lastName: "Frishberg" },
        { firstName: "Jason", lastName: "Szeto" },
        { firstName: "Mark", lastName: "Anders" },
        { firstName: "Peter", lastName: "Flynn" },
        { firstName: "Heidi", lastName: "Williams" }
        
        ];
        
        ]]>
    </fx:Script>
    <local:DoubleClickDataGrid id="dg" initialize="dg.dataProvider=arr" editable="true">
        <local:columns>
            <mx:DataGridColumn dataField="firstName" headerText="First Name" />
            <mx:DataGridColumn dataField="lastName" headerText="Last Name" />
        </local:columns>
    </local:DoubleClickDataGrid>
</s:Application>





DoubleClickDataGrid.as

package
{
    import flash.events.MouseEvent;
    import mx.controls.DataGrid;
    import mx.controls.dataGridClasses.DataGridColumn;
    import mx.controls.listClasses.IDropInListItemRenderer;
    import mx.controls.listClasses.IListItemRenderer;
    import mx.core.EventPriority;
    import mx.events.DataGridEvent;

    public class DoubleClickDataGrid extends DataGrid
    {
        
        public function DoubleClickDataGrid()
        {
            super();
            doubleClickEnabled = true;
        }
        
        override protected function mouseDoubleClickHandler(event:MouseEvent):void
        {
            var dataGridEvent:DataGridEvent;
            var r:IListItemRenderer;
            var dgColumn:DataGridColumn;
            
            r = mouseEventToItemRenderer(event);
            if (r && r != itemEditorInstance)
            {
                var dilr:IDropInListItemRenderer = IDropInListItemRenderer(r);
                if (columns[dilr.listData.columnIndex].editable)
                {
                    dgColumn = columns[dilr.listData.columnIndex];
                    dataGridEvent = new DataGridEvent(DataGridEvent.ITEM_EDIT_BEGINNING, false, true);
                    // ITEM_EDIT events are cancelable
                    
                    dataGridEvent.columnIndex = dilr.listData.columnIndex;
                    dataGridEvent.dataField = dgColumn.dataField;
                    dataGridEvent.rowIndex = dilr.listData.rowIndex + verticalScrollPosition;
                    dataGridEvent.itemRenderer = r;
                    dispatchEvent(dataGridEvent);
                }
            }
            super.mouseDoubleClickHandler(event);
        }
        
        override protected function mouseUpHandler(event:MouseEvent):void
        {
            var r:IListItemRenderer;
            var dgColumn:DataGridColumn;
            
            r = mouseEventToItemRenderer(event);
            if (r)
            {
                var dilr:IDropInListItemRenderer = IDropInListItemRenderer(r);
                if (columns[dilr.listData.columnIndex].editable)
                {
                    dgColumn = columns[dilr.listData.columnIndex];
                    dgColumn.editable = false;
                }
            }
            super.mouseUpHandler(event);
            
            if (dgColumn)
                dgColumn.editable = true;
        }
    }
}





转自 http://blog.csdn.net/wuyan520/archive/2010/04/10/5469794.aspx

  


  

    
    
分享到：
      
      
    

  


  

    

      
      |
      (转)EXT树总结
    

  

  

        
  

    
  

    
评论

    
    
    
    
  


  

    
发表评论

            
   您还没有登录,请您登录后再发表评论

相关推荐

    Flex Datagrid checkbox实现

    Flex Datagrid 是Adobe Flex框架中用于展示数据集的组件，它允许开发者以表格形式展示数据，并提供多种交互功能。在Flex应用中，Datagrid经常被用于处理和展示大量的结构化数据。在标题“Flex Datagrid checkbox实现...

    Flex dataGrid 全选、反选

    在Flex编程中，DataGrid组件是用于展示结构化数据的强大工具。它允许用户对数据进行排序、筛选和编辑。在实际应用中，我们经常需要实现全选和反选功能，以便用户可以一次性选择或取消选择所有条目。本文将详细讨论...

    Flex创建可编辑以及分页的DataGrid

    本篇文章将深入探讨如何在Flex中创建一个既可编辑又具有分页功能的DataGrid。 首先，我们需要导入必要的库和类。在Flex项目中，`mx.controls.DataGrid` 是核心的DataGrid类，而`mx.controls.PagingControl` 和 `mx....

    flex datagrid

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

    FLEX 4中实现对DATAGRID的过滤功能

    在FLEX 4中实现对DATAGRID的过滤功能，是一项关键的技术，它允许开发者创建出更为动态且响应用户需求的界面。本文将深入探讨如何在FLEX 4环境中开发带有过滤功能的DATAGRID组件，包括理解DATAGRID的工作原理、如何...

    flex datagrid 表格 合计

    1. **DataGrid组件**：DataGrid是Flex中用于展示结构化数据的组件，它可以显示多列数据，并支持排序、选择和编辑等功能。在创建DataGrid时，我们需要指定数据源（通常是ArrayCollection或XMLListCollection）。 2. ...

    Flex4 DataGrid控件行编辑项目

    在Flex4.6中，DataGrid支持两种编辑模式：cell editing（单元格编辑）和row editing（行编辑）。这个项目主要涉及后者，允许用户一次编辑整行数据。 二、ComboBox控件嵌入 ComboBox控件是一个下拉列表选择框，用户...

    FLEX datagrid应用实例

    在本文中，我们将深入探讨基于Adobe Flex的DataGrid组件的应用实例。Flex是一种强大的富互联网应用程序（RIA）开发框架，主要用于构建交互式、响应式的Web应用。DataGrid是Flex中的一个核心组件，它允许开发者以表格...

    flex datagrid doubleclick 实例

    在Flex开发中，数据网格（DataGrid）是一个非常重要的组件，它用于展示和管理大量结构化数据。在标题“flex datagrid doubleclick 实例”中，我们关注的是如何实现DataGrid组件对用户双击事件的响应。双击事件通常...

    Flex Datagrid全选功能

    2. **全选功能需求**: 在许多应用中，用户可能需要一次性选择Datagrid中的所有记录，例如进行批量操作，如删除、编辑等。因此，为Datagrid添加全选功能可以提高用户体验。 3. **实现方法**: - **CheckBox**: 可以...

    flex datagrid to excel

    标题“flex datagrid to excel”涉及的技术点主要是Adobe Flex中的数据网格组件（DataGrid）与Excel文件的交互。Flex是一种用于构建富互联网应用程序（RIA）的开源框架，它基于ActionScript和MXML语言。在Flex中，...

    flex下拉dataGrid

    在Flex开发中，"flex下拉dataGrid"是一种常见的用户界面组件组合，它结合了下拉菜单（Dropdown）和数据网格（DataGrid）的功能，用于提供丰富的数据选择体验。这样的设计通常用于当用户需要从一个较大的数据集合中...

    flex datagrid checkbox实现源码

    Flex DataGrid是Adobe Flex框架中的一种组件，用于显示和编辑大量结构化的数据。它可以自定义列，支持排序、分页和筛选功能。在DataGrid中，每行都可以包含各种类型的控件，如文本字段、按钮或复选框。 2. **复选...

    flex组件之DataGrid高级用法实例源码

    在Flex编程领域，DataGrid组件是开发者们常用的数据展示工具，尤其在处理大量结构化数据时，它能提供高效、可定制化的展示效果。本文将深入探讨Flex DataGrid的高级用法，通过实例源码来解析其核心特性，帮助开发者...

    Flex DataGrid组件 使用详解

    Flex DataGrid组件是Adobe Flex框架中的一个重要控件，专门用于以表格形式展示数据。它具有丰富的功能和灵活性，常用于企业级应用中显示多属性对象的列表。DataGrid组件不仅支持基本的表格布局，还提供了排序、编辑...

    flex基于datagrid控件的增删改查及分页实现

    DataGrid是Flex中一个强大的组件，用于展示结构化数据集。它可以显示多列数据，并允许用户进行排序、选择和编辑。DataGrid通常与ArrayCollection或XMLListCollection等数据提供者结合使用，来展示动态数据。 2. ...

    Flex DataGrid 插入子组件

    在Flex开发中，DataGrid控件是一个非常常用的数据展示组件，它允许开发者以表格的形式展示大量结构化的数据。本文将深入探讨如何在Flex的DataGrid中插入子组件，以实现更丰富的用户界面和交互功能。 一、Flex ...

    Flex-DataGrid源码及资料

    在这个"Flex-DataGrid源码及资料"的压缩包中，包含了一些关键特性，如鼠标右键菜单、鼠标双击编辑、插入复选框以及数据集的双向绑定。下面将对这些功能进行详细介绍。 1. 鼠标右键：在Flex DataGrid中添加鼠标右键...

    FLEX的一个DataGrid例子

    在Flex开发中，DataGrid控件是一个非常重要的组件，它被广泛用于展示和操作结构化的数据，例如数据库表格或者XML列表。本例子旨在帮助开发者更好地理解和应用DataGrid，通过实例来学习其基本功能和特性。 DataGrid...

Magicbox
Global site tag (gtag.js) - Google Analytics