弹性开关项目渲染器

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。

很遗憾，DataGrid 等 Flex 3 组件不支持该功能。

如果发送到 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;

    }

}