Flex中带有三种状态CheckBox的Tree的实现

常常会用到带有3种状态CheckBox的树形组件，比如在权限管理中，或者是地区选择中等等，如下图：


不多说费话了，直接进入主题，看看如何实现。其实在Flex中，只用自己实现一个TreeItemRenderer就可以了，代码如下：

}

然后在tree组件中使用这个renderer就可以了。

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
               xmlns:s="library://ns.adobe.com/flex/spark" 
               xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" xmlns:robin="com.robin.*">
    <fx:Declarations>
        <fx:XMLList id="treeData">
            <node name = "ShangHai" type="ROOT" selected ="1">
                <node name = "HuangPu" type="NODE" selected = "1">
                    <node name = "A" type="NODE" selected = "1" />
                    <node name = "B" type="NODE" selected = "1" />
                </node>
                <node name = "PuDong" type="NODE" selected = "1"/>
            </node>
            <node name = "Beijing" type="ROOT" selected = "2">
                <node name = "HaiDian" type="NODE" selected = "0"/>
                <node name = "ChaoYang" type="NODE" selected = "1"/>
            </node>
        </fx:XMLList>
    </fx:Declarations>
    <fx:Script>
        <![CDATA[