`
laggar
  • 浏览: 7851 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

Flex HTML ToolTip

阅读更多
前些天做项目发现tooltip 用不了html格式文本,后来就用了黑羽的一个tooltip工具。
但是今天测试发现在 datagrid渲染的时候有问题,没有办法只好用回flex的tooltip:

网上找了下

package com 



    import mx.containers.*; 

    import mx.controls.Text; 

    import mx.controls.ToolTip; 

     import mx.core.*; 

  

    public class HTMLToolTip extends ToolTip 

     { 

         public function HTMLToolTip() 

         {    super(); } 

   

         override protected function commitProperties():void{ 

             super.commitProperties(); 

             textField.htmlText = text; 

        } 

    } 

}

<![CDATA[ 

     import com.*; 

     private function init():void{ 

         ToolTipManager.toolTipClass = HTMLToolTip; 

         mtBtn.toolTip = "this is <strong>HTML</strong>Tool<strong>Tip." 

     } 

]]>

究其原因是
ToolTip 的commitProperties 方法
设置
textField.text = _text;

1
0
分享到:
评论

相关推荐

    flex tooltip

    `html-template` 文件夹可能包含了Flex应用发布为HTML5 SWF时使用的模板,允许在HTML页面中嵌入SWF文件,并与网页交互。 综上所述,这个压缩包文件可能是一个Flex开发项目,包含了创建和运行Flex应用所需的源代码、...

    Using htmlText in a toolTip in flex

    在Flex开发中,有时我们需要为组件添加更丰富的提示信息,比如使用HTML格式的文本作为工具提示(ToolTip)。本文将深入探讨如何在Flex中实现`htmlText`属性在工具提示中的应用,以及涉及到的相关知识点。 首先,`...

    ExtJS ToolTip功能

    flex:1, align:'center', dataIndex:'company', itemId:'company', tdCls:'tip1', editor:{ xtype:'textfield', triggerEvent:'cellclick' } }, ... ], ``` 定义了三列:公司名、价格和价格变动。其中...

    Web前端技术项目式教程(HTML5+CSS3+Flex+Bootstrap)-教案.zip

    这个“Web前端技术项目式教程”将通过实例教学,使学习者掌握HTML5、CSS3、Flex布局和Bootstrap框架的使用,提升网页开发技能。教案中可能涵盖这些技术的实际应用、代码实践和项目案例分析,有助于理论与实践相结合...

    flex quick starts

    viewSourceURL="src/UsingTooltips/index.html" width="400" height="170"&gt; ToolTip { fontFamily: "Arial"; fontSize: 19; fontStyle: "italic"; color: #FFFFFF; backgroundColor: #33CC99; } ...

    Flex 开发技巧集

    11. **Flex Builder运行SWF文件**:在项目属性中取消勾选“Generate HTML Wrapper file”,可以让Flex Builder直接以独立的SWF文件运行应用,而不是嵌入HTML页面。 12. **刷新浏览器**:使用`URLRequest`和`...

    flex ToolTipDataGrid

    2. **富文本支持**:提示内容不仅限于纯文本,还可以包含HTML或者Flex组件,如图片、链接等,以创建更加生动、多样的提示效果。 3. **延迟加载**:为了提高性能,`ToolTipDataGrid`通常采用延迟加载机制,只有当...

    collection:开发人员自己使用的小工具

    collection ...echarts图表的toolTip 的测试 toolTip.html echarts图表的联系测试 mychart.html echarts中国地图的背景设置和visualMap的背景 联动取消选中的时候可以指定颜色 chianMap.html echarts中国地

    jquery实现始终固定在网页底部菜单提示导航代码

    display: flex; justify-content: space-around; padding: 10px 0; } ``` 最后,使用jQuery编写JavaScript代码以实现鼠标悬停时显示提示信息的效果。这通常涉及到事件监听器和`$(this)`选择器来获取当前激活的...

    鼠标提示功能

    当用户将鼠标悬停在地图上的特定对象或图层上时,会显示一个包含相关信息的小窗口,通常称为信息框或tooltip。 实现这一功能主要涉及以下几个步骤和技术: 1. **创建地图对象**:首先,你需要在Flex项目中创建一个...

    Float(浮动)导致的父容器背景不显示的解决方法

    3. **CSS Flexbox**:使用Flexbox布局,通过`flex-direction`和`align-items`属性控制元素排列,无需浮动元素,从而避免问题发生。 #### 方法2:使用`overflow`属性 为父元素设置`overflow`属性,除了`visible`...

    用Bootstrap3构建的门户网站模板

    `flex.html`可能是一个展示Flexbox布局的例子,Flexbox是CSS3的一种布局模式,适用于创建灵活的、响应式的布局。 `learn_less.less`文件表明这个项目可能使用了Less进行样式编写,这使得开发者能够更方便地管理样式...

    elementui 2.15.7 离线使用文档

    2. **布局组件**:栅格系统(Grid)、布局(Layout)和弹性盒模型(Flex)帮助开发者轻松实现页面的自适应和响应式布局。 3. **表单组件**:ElementUI提供了诸如单选框(Radio)、复选框(Checkbox)、滑块(Slider...

    vue实现element表格里表头信息提示功能(推荐)

    { style: 'display:flex;margin:auto;' }, [ h('span', column.label), h('prompt-message', { props: { messages: ['kaimo需要的tips!'] } }) ] ) } } } ``` 总结起来,实现Vue中Element表格的表头...

    open_flash_chart中文学习教程文档

    - **最新版本**:2.0版采用了ActionScript 3.0编写,并通过Adobe Flex编译。 - **状态**:2.0版仍处于Beta测试阶段。 - **新特性**:支持JSON数据格式。 #### 三、关于swfobject的简单说明 - **定义**:...

    【JavaScript源代码】vue echarts实现横向柱状图.docx

    1. `tooltip`:定义提示框,设置显示为真 (`show: true`),触发方式为轴 (`trigger: 'axis'`),并且使用阴影类型的轴指示器。 2. `xAxis`:定义横轴,类型为值轴 (`type: 'value'`),并设置轴标签、轴线和分割线的...

    在vue中实现给每个页面顶部设置title

    &lt;el-tabs tab-position="left" class="flex tooltitle tabsClass" @tab-click="handleClick"&gt; v-for="(item, index) in chargingStatusTitle" :key="index" &gt; &lt;el-tooltip class="item-tabs" effect="dark" :...

    【JavaScript源代码】Vue Element Sortablejs实现表格列的拖拽案例详解.docx

    show-overflow-tooltip :formatter="col.formatter" &gt; export default { props: { data: Array, option: Object, tableHeader: Array, dragState: Object, cellClassName: Function, ...

    显示

    例如,将`display`设置为`none`可以使元素消失,而`block`、`inline`、`flex`等值则可控制元素的布局方式。 3. 用户交互反馈:在JavaScript中,我们可以监听用户的事件(如点击、鼠标悬停等),并根据这些事件改变...

Global site tag (gtag.js) - Google Analytics