Flex3 AdvancedDataGrid：如何在现有列的基础上添加新列？

Question

我在 flex3 (Flex 3) 中有一个 AdvancedDataGrid，有 4 列：

• id : 整数
• 类别：字符串
• 名称：字符串
• isPreferred : 布尔值

我想添加第五列

• 最喜欢的：图片

  favourite 的值将基于 isPreferred 的值：如果为 true，则 favorite 将是一个 read-heart-icon，如果为 false，一个 gray-heart-icon。
  感谢您的帮助。

下面是我的代码：

• mxml 内容

  
  
  
  导入 mx.collections.ArrayCollection;
  进口 com.test.Purchase;
  [嵌入(source=".​​.\assets\coeur_rouge.png")]
  公共静态常量 ICON_FAVORITE:Class;
  [嵌入(source=".​​.\assets\coeur_gris.png")]
  公共静态常量 ICON_NEUTRAL:Class;
  [可绑定]
  public var myAC:ArrayCollection = new ArrayCollection();
  公共函数 init() :void {
  var aPurchase:Purchase=new Purchase();
  var anotherPurchase:Purchase= new Purchase();
  aPurchase.id=120;
  aPurchase.category="category1";
  aPurchase.name="优势 2";
  aPurchase.isPreferred=true;
  myAC.addItem(aPurchase);
  anotherPurchase.id=220;
  anotherPurchase.category="category2";
  anotherPurchase.name="Nintendo DS";
  anotherPurchase.isPreferred=false;
  myAC.addItem(anotherPurchase);}
  ]]>
  脚本>
  
  
  
  
  
  
  
  应用>

  • 动作脚本中的数据对象 公开课购买 { 公共函数购买（）{

    }

    私有变量 _id:int = -1; 私有变量 _category:String = null; 私有 var _productName:String = null;
    私有变量 _preferred:Boolean=false;

    公共函数获取 id():int { 返回_id； }

    公共函数集 id(pId:int):void { _id = pId; }

    公共函数获取类别（）：字符串{ 返回_类别； }

    公共函数集类别(pCategory:String):void { _category = pCategory;

    if ((_category == null) || (_category == "")) {               
        _category = "Default Category";
    }
    

    }

    公共函数获取名称（）：字符串{ 返回_产品名称； }

    公共函数集名称(pName:String):void { _productName = pName;

    if ((_productName == null) || (_productName == "")) {
        _productName = "default product name";
        category = _productName;
     }
    

    }

    公共函数获取 isPreferred() : Boolean { 返回_首选； }

    公共函数集 isPreferred(pPreferred:Boolean) :void { _preferred=pPreferred; } }

Answer 1

为此，您需要itemRenderer。这样的事情应该可以工作：

<mx:AdvancedDataGridColumn headerText="favorite">
    <mx:itemRenderer>
        <mx:Component>
            <mx:Image source="{data.isPreferred ? ICON_FAVORITE : ICON_NEUTRAL}">
                <mx:Script>
                    <![CDATA[
                        [Embed(source="..\assets\coeur_rouge.png")]
                        public static const ICON_FAVORITE:Class;

                        [Embed(source="..\assets\coeur_gris.png")]
                        public static const ICON_NEUTRAL:Class;
                    ]]>
                </mx:Script>
            </mx:Image>
        </mx:Component>
    </mx:itemRenderer>
</mx:AdvancedDataGridColumn>

请记住，这段代码不可重用。如果您需要使用大量显示图像的列，我建议您实现自定义ImageColumn，它扩展mx:AdvancedDataGridColumn，具有某种imageFunction 作为属性并使用自定义itemRenderer，它将使用列的imageFunction显示适当的图像。