自定义ToolTip的显示

最近学习了下ToolTip的使用，这里和大家分享下，我也遇到几个问题，希望好心人士能帮我解决下啊
我所遇到的问题会用红色字体标注。

我的想法是这样的，把多个学生信息封装进ArrayCollection里面，然后提供给DataGrid的dataProvider，其中DataGrid中有三列信息，分别是姓名、年龄、分数。当分数小于60分的时候给予ToolTip提示，这个ToolTip是自定义的ToolTip，而如果分数大于60分就不予以提示。

程序效果图:

项目结构：

 

程序入口(tooltiptest.mxml)：

<?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"
               >
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>
    
    <fx:Script>
        <![CDATA[
            import mx.collections.ArrayCollection;
            import mx.events.ToolTipEvent;
            [Bindable]
            private var students:ArrayCollection = new ArrayCollection([
                {name:"yuan",age:22,score:79},
                {name:"quan",age:15,score:80},
                {name:"lang",age:14,score:49},
                {name:"xina",age:19,score:64},
                {name:"langqi",age:16,score:82},
                {name:"bida",age:25,score:60},
                {name:"nani",age:10,score:40},
                {name:"aal",age:18,score:52},
            ]);
            
        ]]>
    </fx:Script>
    
    <s:Panel width="600" height="500" verticalCenter="0" horizontalCenter="0">
        <mx:DataGrid dataProvider="{students}" width="100%" height="100%">
            <mx:columns>
                <mx:DataGridColumn dataField="name" headerText="姓名"/>
                
                <mx:DataGridColumn dataField="age" headerText="年龄"/>
                    
                <mx:DataGridColumn dataField="score" headerText="分数">
                    <mx:itemRenderer>
                        <fx:Component>
                            <mx:Text toolTip="t" toolTipCreate="handleToolTipCreate(event)" toolTipShow="handleToolTipShow(event)" 
                                     >
                                <fx:Script>
                                    <![CDATA[
                                        import mx.controls.ToolTip;
                                        import mx.events.ToolTipEvent;
                                        import mx.managers.ToolTipManager;
                                        
                                        private var student:Object;
                                        override public function set data(student:Object):void
                                        {
                                            super.data = student;
                                            this.student = student;
                                            
                                            if(student.score < 60)
                                            {
                                                this.htmlText = "<font color='#FF0000'>"+ student.score + "</font>";
                                            }
                                            else
                                            {
                                                this.text = student.score;
                                            }
                                            
                                        }
                                        
                                        private function handleToolTipCreate(e:ToolTipEvent):void
                                        {
                                            if(student.score < 60)
                                            {
                                                var tip:MyToolTip = new MyToolTip();
                                                tip.student = student;
                                                e.toolTip = tip;
                                            }
                                            else
                                            {
                                                var novalueTip = NovalueTip.getInstance();
                                                e.toolTip = novalueTip;
                                            }
                                        }
                                        
                                        private function handleToolTipShow(e:ToolTipEvent):void
                                        {
                                            var p:Point = new Point();
                                            p.x = stage.mouseX;
                                            p.y = stage.mouseY;

                                            e.toolTip.x =  p.x;
                                            e.toolTip.y = p.y;
                                        }
                                    ]]>
                                </fx:Script>
                            </mx:Text>
                        </fx:Component>
                    </mx:itemRenderer>
                </mx:DataGridColumn>
            </mx:columns>
        </mx:DataGrid>
    </s:Panel>
</s:Application>

第39行可以看到toopTip、toolTipCreate、toolTipShow标签，其中toolTipCreate是在显示之前生成自定义ToolTip的事件，toolTipShow是显示自定义
ToolTip时的触发事件，可以在触发函数中设置显示位置等。(1)至于toolTip标签要给定一个默认字符串，否则自定义ToolTip无法显示，为什么会这样，我也不甚了解，希望知道的朋友，能告诉我一声。

第64~77行中，可以看到，(2)如果学生分数小于60分就生成自定义ToolTip-->MyToolTip;否则就生成另一个自定义ToolTip-->NovalueToolTip,这个NovalueToolTip里面什么内容都没有，就是不给予提示，刚开始我是这样做的，在else代码块里面写的内容是e.toolTip=null，可是还是会显示提示为"t"的ToolTip，这里困惑了我很久。

MyToolTip.mxml:

<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:fx="http://ns.adobe.com/mxml/2009" 
           xmlns:s="library://ns.adobe.com/flex/spark" 
           xmlns:mx="library://ns.adobe.com/flex/mx" width="150" height="200" backgroundColor="#312E2E"
           implements="mx.core.IToolTip"
           alpha=".6" cornerRadius="6" borderStyle="solid"
           >
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>
    
    <fx:Script>
        <![CDATA[
            private var _student:Object;
            private var _text:String;
            [Bindable]
            private var tips:String = "考试不及格，下个学期补考！";            
            
            [Bindable]
            public function get student():Object
            {
                return _student;
            }

            public function set student(value:Object):void
            {
                _student = value;
            }

            public function get text():String
            {
                return this._text;
            }
            
            public function set text(value:String):void
            {
                this._text = value;
            }
        ]]>
    </fx:Script>
    
    
    <mx:VBox>
        <mx:Text text="姓名：{student.name}" color="#50e0ff" paddingLeft="6" paddingTop="2"/>
        <mx:Text text="分数：{student.score}" color="#f30017" paddingLeft="6" paddingTop="2"/>
        <mx:Text text="{tips}" color="white" paddingTop="2" />
    </mx:VBox>
</mx:Canvas>

NovalueToolTip.mxml:

<?xml version="1.0" encoding="utf-8"?>
<s:Group xmlns:fx="http://ns.adobe.com/mxml/2009" 
         xmlns:s="library://ns.adobe.com/flex/spark" 
         xmlns:mx="library://ns.adobe.com/flex/mx" width="400" height="300"
         implements="mx.core.IToolTip"
         >
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>
    
    <fx:Script>
        <![CDATA[
            private var _text:String;
            
            private static var novalueTip:NovalueTip;
            public static function getInstance():NovalueTip
            {
                if(!novalueTip)
                    novalueTip = new NovalueTip();
                return novalueTip;
            }
            
            public function get text():String
            {
                return _text;
            }

            public function set text(value:String):void
            {
                _text = value;
            }

        ]]>
    </fx:Script>
</s:Group>

ToolTip的使用可以参考以下文章：
http://bbs.9ria.com/forum.php?mod=viewthread&tid=69085&highlight=tooltip