`

Add ToolTip in List/ComboBox Control

    博客分类:
  • Flex
阅读更多
<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
				creationComplete="initApp()">
	<mx:Script>
		<![CDATA[
			import mx.collections.ArrayCollection;
			[Bindable]
			private var myDP:ArrayCollection = new ArrayCollection([{name:"Ted Patrick", blog:"http://www.onflex.org/"}, {name:"Ryan Stewart", blog:"http://blogs.zdnet.com/Stewart"}, {name:"Peter DeHann", blog:"http://blog.flexexamples.com/"}, {name:"Raghu", blog:"http://raghuonflex.wordpress.com/"}, {name:"Harish Sivaramakrishnan", blog:"http://flexgeek.wordpress.com/"}]);
			[Bindable]
			private var myDropdownFactory:ClassFactory;

			private function initApp():void
			{
				myDropdownFactory = new ClassFactory(List);
				myDropdownFactory.properties = {showDataTips:true, dataTipFunction:myDataTipFunction}
			}

			private function myDataTipFunction(value:Object):String
			{
				return (value.name + "'s blog is " + value.blog);
			}
		]]>
	</mx:Script>
	<mx:List id="myList"
			 dataProvider="{myDP}"
			 labelField="name"
			 showDataTips="true"
			 dataTipFunction="myDataTipFunction"/>
	<mx:ComboBox id="myCB"
				 dataProvider="{myDP}"
				 labelField="name"
				 prompt="Choose a Blogger"
				 dropdownFactory="{myDropdownFactory}"/>
</mx:Application>

 

分享到:
评论

相关推荐

    支持TOOLTIP的COMboBOX(续,支持数据源绑定)

    本文将深入探讨如何实现一个支持TOOLTIP的COMBOBOX,并且这个COMBOBOX能够绑定到数据源,使得数据源中的特定字段作为TOOLTIP的显示内容。这个功能在很多场景下都非常实用,比如在数据量大、每个选项信息丰富的下拉...

    提示框程序Balloon ToolTip Control

    While searching around, I found a great article about the Balloon ToolTip control (actually about the ToolTip control, in all its shapes and uses). This article (which could be found at CodeProject ...

    WXA-ToolTip-微信小程序-ToolTip信息提示组件.zip

    微信小程序-ToolTip信息提示组件导入将ToolTip文件夹复制到pages文件夹内使用在需要使用ToolTip的页面对应的.wxml文件中添加: src="../ToolTip/toolTip.wxml"/&gt; &lt;!-- 引入toolTip模板 --&gt;  is=...

    支持TOOLTIP的COMBOX

    在某些情况下,我们可能希望为COMBOBOX的每个选项提供更详细的描述,这时可以使用TOOLTIP(工具提示)来实现这一功能。标题“支持TOOLTIP的COMBO”指的是一个C#实现的COMBOBOX控件,它扩展了原生功能,添加了对...

    react-reacttooltipReact的tooltip组件

    首先,为需要显示Tooltip的元素添加`data-tip`和`data-for`属性,`data-tip`用于填写Tooltip的内容,`data-for`则关联到对应的Tooltip组件: ```jsx import React from 'react'; import ReactTooltip from 'react-...

    HTML5鼠标悬停弹性动画Tooltip提示框特效

    &lt;div class="tooltip" title="这是Tooltip的内容"&gt;悬停我&lt;/div&gt; ``` 然后,我们转向`css`文件。为了实现弹性动画,我们需要编写CSS样式来定义Tooltip的外观和动画效果。可以使用CSS3的`transition`属性来实现悬停时...

    WPF修改Tooltip样式

    在Windows Presentation Foundation (WPF) 中,Tooltip是一个用于显示与鼠标指针相关的简短提示信息的控件。它通常在用户将鼠标悬停在其他UI元素上时出现,提供额外的信息。在默认情况下,Tooltip的样式是有限的,但...

    ListCtrl_Tooltip

    标题中的"ListCtrl_Tooltip"指的是在Windows编程中,特别是在MFC(Microsoft Foundation Classes)框架下,关于ListView控件(ListCtrl)与Tooltip的使用。ListView控件是Windows GUI应用程序中常见的一种控件,用于...

    jQuery图片tooltip提示.zip

    jQuery图片tooltip提示是一种常见的网页交互效果,用于在用户将鼠标悬停在图片或链接上时显示额外信息。这种效果能够增强用户体验,特别是当图片作为预览缩略图时,可以提供一个快速查看全尺寸图片的方式。这个zip...

    一个基于js+AJAX实现的ToolTip AJAX Client Control客户端控件源码

    "一个基于js+AJAX实现的ToolTip AJAX Client Control客户端控件源码"这个标题揭示了我们讨论的核心技术:JavaScript、AJAX以及客户端控件开发。这里的ToolTip是一种常见的用户界面元素,通常在鼠标悬停时显示额外...

    Unity制作场景工具(物体)提示UI(UGUI)插件包

    ## 概述 - Unity 制作场景工具(物体)提示UI(UGUI)插件包。...- “MGS-Tooltip/Prefabs”目录下存有上述提示UI的预制,供读者参考。 - “MGS-Tooltip/Scenes”目录下存有上述功能的演示案例,供读者参考。

    关于给控件加一个ToolTip提示

    When you add a ToolTip control to a form, it is active by default. Therefore, you do not have to do anything to make it active. If you look at the source file for your form, you will see code that ...

    v-tooltip:Vue 3的工具提示

    v工具提示 Vue 3工具提示自定义指令目录安装将tooltip.js粘贴到您的src文件夹中,为了清楚起见,我亲自在其中创建了文件夹directives 。下一步是将tooltip.css粘贴到assets文件夹中。拥有所有文件后,打开main.js...

    DevExpress实现自定义TreeListNode的Tooltip的方法

    本文实例展示了DevExpress实现自定义TreeListNode的Tooltip的方法,具体方法如下所示: 主要功能代码如下: /// /// 为节点提供Tooltip /// 说明: /// 1.设置tree.ToolTipController属性 /// 2.ToolTipController...

    c#工具提示ToolTip

    foreach (Control control in this.Controls) { if (control.Name.StartsWith("txt")) // 只为名字以"txt"开头的控件设置提示 { toolTip.SetToolTip(control, control.Name + " 是文本框"); } } ``` 除了基本的...

    Using htmlText in a toolTip in flex

    在`Using htmlText in a toolTip in flex`这个主题中,我们可以按照以下步骤操作: 1. **创建自定义工具提示组件**: 首先,我们需要创建一个自定义的工具提示组件,例如名为`MyToolTip`的AS3类(对应文件...

    给对话框控件添加 Tooltip

    而Tooltip是一种辅助控件,通常在鼠标悬停在其他控件上时显示简短的提示信息,帮助用户理解控件的功能。在这个场景中,我们讨论的是如何在对话框控件中添加自定义的Tooltip,即`CToolTipCtrl`。 `CToolTipCtrl`是...

    Tooltip

    【Tooltip】是一个在软件开发中常见的用户界面元素,它的全称是“工具提示”,用于向用户提供额外的信息。当用户将鼠标悬停在某个控件上时,Tooltip会显示一个小窗口,展示该控件的功能或者相关说明,帮助用户理解不...

    echarts的axisLabel添加tooltip功能

    本文将深入探讨如何在ECharts的`axisLabel`上实现`tooltip`功能,以提供更加丰富的信息展示。 `axisLabel`是ECharts图表中用于表示坐标轴刻度值的标签,它们通常简短地显示了轴上的数值或分类。然而,有时这些标签...

    加入tooltip的combox

    在本案例中,我们讨论的是如何为ComboBox的每个item添加tooltip功能,以便在用户鼠标悬停在特定项上时显示更多的描述性信息。 要实现这样的功能,首先我们需要了解Windows API或者使用像Qt、JavaFX、WPF、WinForms...

Global site tag (gtag.js) - Google Analytics