是否可以在 Flex DropDownList 中指定单个字体？

Question

我刚刚实现了一个从 ComboCheck example 中提取的复选框的下拉列表，但它扩展了 DropDownList 而不是 ComboBox 以提供我需要的更好的功能。我正在尝试创建一个DropDownList，其中一些项目是 bold 和非复选框（或可以是复选框），而其他项目则不是。

我还没有在网上找到任何关于这样做的信息，并且一直在试图弄清楚。我目前正在使用ArrayCollection 作为dataProvider，但我认为这可能是我的问题，我应该尝试在 flex 而不是 AS3 中设置标签。

有人知道这是否可能吗？如果是这样，他们是否有任何链接可以帮助我指出正确的方向？

谢谢。

编辑： 为 itemRenderer 添加了代码，这行得通我只需要指定我想要加粗的每个项目，但在 flex 代码中是否有更好的方法来做到这一点，而不是在渲染器中检查匹配的字符串？

public class ComboCheckItemRenderer extends ItemRenderer{  
    public var item:CheckBox;  

    public function ComboCheckItemRenderer(){
        super();
        item = new CheckBox();
        item.x = 5;
        addElement(item);
        item.addEventListener(MouseEvent.CLICK, onClick);
    }

    private var _data:Object;
    [Bindable]override public function set data (value:Object):void {
        if (value!=null) {
            _data = value;
            item.label = value.label;
            if(item.label == "item1"){
                item.setStyle("color","0x00ff00");
                item.setStyle("fontWeight","bold");
            }
            item.selected = value.selected;
        }
    }

编辑 2： 我最终要做的是创建一个复选框下拉列表，其中包含我从 blazeDS 获得的数据，这些数据基本上有一堆组标题及其相应的子元素。我试图让下拉列表使组以粗体和向左显示，并且它们的子元素正常字体并向右偏移。我还需要知道何时单击它们是组标题还是子元素，以便我可以将它们添加到我将发送回我的服务以执行 sql 查询的对象中。 IE。

[ ]**GROUP**  
   [ ] element
   [ ] element
[ ]**GROUP**  
   [ ] element

Answer 1

您的数据是什么样的？你为什么不为此使用 MXML？为什么要覆盖 set data() 而不是挂钩 dataChange 事件？您在这里编写的代码比您需要的要多。

让我们以更“灵活”的方式来看待它。请注意我如何对所有内容使用数据绑定，并根据传入的数据有条件地设置fontWeight。任何更复杂的东西都应该在Script 标记中使用函数。

<?xml version="1.0" encoding="utf-8"?>
<s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" 
                xmlns:s="library://ns.adobe.com/flex/spark" 
                xmlns:mx="library://ns.adobe.com/flex/mx" 
                autoDrawBackground="true">

    <fx:Script>
        <![CDATA[
            protected function onClick(event:MouseEvent):void {
            }
        ]]>
    </fx:Script>

    <s:CheckBox x="5" click="onClick(event)" 
                label="{data.label}" selected="@{data.selected}" 
                fontWeight="{data.label == 'item1' ? 'bold' : 'normal'}"/>


</s:ItemRenderer>

鉴于您在编辑中添加的问题，我会问：您使用什么标准？您可以在绑定表达式中放置任何函数，因此至少可以执行以下操作：

    <fx:Script>
    <![CDATA[
        private var itemsToBold:Array = ["label1", "label2"];

        private function getFontWeight(label):String {
            if(itemsToBold.indexOf(label) > 0)
                return "bold";

            return "normal";
        }

    ]]>
</fx:Script>

<s:CheckBox fontWeight="{getFontWeight(data.label)}"/>