flex DATAGRID 中创建任何控件的新列

最新推荐文章于 2021-02-23 22:54:50 发布

hstod

最新推荐文章于 2021-02-23 22:54:50 发布

阅读量659

点赞数

CC 4.0 BY-SA版权

分类专栏： Flex 文章标签： datagrid flex function import object class

本文链接：https://blog.youkuaiyun.com/hstod/article/details/3159694

Flex 专栏收录该内容

3 篇文章

订阅专栏

本文介绍如何在Flex中使用DataGrid并自定义编辑器组件以实现动态属性编辑功能。通过创建PropertyEditor类实现IDropInListItemRenderer接口，可以为DataGrid中的每个单元格提供特定类型的编辑界面。

首先先创建一个类

package DGManager
{

    import mx.containers.Canvas;
    import mx.controls.ColorPicker;
    import mx.controls.TextInput;
    import mx.controls.dataGridClasses.DataGridListData;
    import mx.controls.listClasses.BaseListData;
    import mx.controls.listClasses.IDropInListItemRenderer;


    public class PropertyEditor extends Canvas implements IDropInListItemRenderer
    {
            public var value:Object;

            private var _listData:DataGridListData;
            private var propName:TextInput;
            private var cp:ColorPicker;

            public function PropertyEditor(){

            }

            override public function set data(value:Object):void {
                /* 此处为组件创建地方
                super.data = value;
                if(value!=null){
                 this.value = value.data;
                 this.addChild(value.obj);
                 BindingUtils.bindProperty(value.obj,"width",this,"width");
               }

            }

            public function get listData():BaseListData
            {
                return _listData;
            }

            public function set listData(value:BaseListData):void
            {
                _listData = DataGridListData(value);
            }


            override public function get data():Object {
                return super.data;
            }

            override protected function createChildren():void{

            }
    }
}

在将给属性引用下即可

<mx:DataGrid x="0" y="0" width="100%" height="100%" id="PropertMang" editable="true">
    <mx:columns>
     <mx:DataGridColumn dataField="label" headerText="Property" editable="false"/>
              <mx:DataGridColumn dataField="data" headerText="Value"                  itemEditor="DGManager
" editorDataField="data" width="200">
               </mx:DataGridColumn>
    </mx:columns>
   </mx:DataGrid>

若是动态创建则可加入new ClassFactory() 即可

itemEditor=new ClassFactory(DGManager);