Question

我想知道是否有人对flex中的以下senario有任何好运。

我希望能够拥有一个自定义项目渲染器，该渲染器会委托给另一个渲染器。

这样做的原因是在数据网格中，例如，如果行的数据提供者有一个布尔值，则显示一个复选框。当值为非布尔值时，使用默认项呈示器。

基本上我希望使用代理对象（尽管不一定是代理类），这样我就可以将渲染器的所有责任委托给子渲染器。

很难解释。

修改1

我认为以下内容更清楚地了解了我的想法。这只是为了展示这个想法而迅速被淘汰。

SwitchingRenderer.as

package com.example
{
    import mx.controls.CheckBox;
    import mx.controls.dataGridClasses.DataGridItemRenderer;
    import mx.controls.listClasses.BaseListData;
    import mx.controls.listClasses.IDropInListItemRenderer;
    import mx.core.IDataRenderer;
    import mx.core.UIComponent;

    public class SwitchingRenderer extends UIComponent implements IDataRenderer, IDropInListItemRenderer
    {
        private var checkboxRenderer:CheckBox;
        private var defaultRenderer:DataGridItemRenderer;
        private var currentRenderer:IDataRenderer;
        public function SwitchingRenderer()
        {
            this.checkboxRenderer = new CheckBox();
            this.defaultRenderer = new DataGridItemRenderer();
            this.currentRenderer = defaultRenderer();
            super();
        }

        public function get data():Object
        {
            //If the data for this cell is a boolean 
            //  currentRender = checkBoxRenderer
            // otherwise 
            //  currentRenderer = defaultRenderer
        }

        public function set data(value:Object):void
        {
            currentRenderer.data = value;
        }

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

        public function set listData(value:BaseListData):void
        {
            currentRenderer.listData = value;
        }



    }
}

Answer 1

如果您正在使用Flex 4 spark组件，请查看itemRendererFunction，

这是来自互联网的good sample。

不幸的是，Flex 3组件（例如DataGrid）不支持它。

如果发送到itemRenderer的数据不是布尔值，您对显示的内容有点模糊。但是，您可以根据数据更改事件轻松修改组件的可视外观，包括交换组件子项的可见属性，更改状态或更改ViewStack的selectedIndex。所有这些事情都可以在没有问题的itemRenderer中完成。

编辑：

根据用户的额外发布，我会补充说他之后可以这样做：

public function get data():Object
{
    if(this.data is Boolean){
       checkBoxRenderer.visible = true;
       defaultRenderer.visible = false;
    } else {
       checkBoxRenderer.visible = false;
       defaultRenderer.visible = true;

    }

}

Flex开关项目渲染器

1 个答案: