`
hereson
  • 浏览: 1454319 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

在DataGrid上显示toolTip

    博客分类:
  • flex
阅读更多

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx=" http://www.adobe.com/2006/mxml " >

 

    <mx:Script>

       <![CDATA[

           private function showTip(obj:XML):String

           {

              return obj.phone;

           }

       ]]>

    </mx:Script>

 

    <mx:XMLList id=" employees " >

        <employee>

            <name> Christina Coenraets </name>

            <phone> 555-219-2270 </phone>

            <email> ccoenraets@fictitious.com </email>

            <active> true </active>

        </employee>

        <employee>

            <name> Joanne Wall </name>

            <phone> 555-219-2012 </phone>

            <email> jwall@fictitious.com </email>

            <active> true </active>

        </employee>

        <employee>

            <name> Maurice Smith </name>

            <phone> 555-219-2012 </phone>

            <email> maurice@fictitious.com </email>

            <active> false </active>

        </employee>

        <employee>

            <name> Mary Jones </name>

            <phone> 555-219-2000 </phone>

            <email> mjones@fictitious.com </email>

            <active> true </active>

        </employee>

    </mx:XMLList>

 

    <mx:Panel title=" DataGrid Control Example " height=" 100% " width=" 100% "

        paddingTop=" 10 " paddingLeft=" 10 " paddingRight=" 10 " >

 

       <!-- 三种方法在 DataGrid 上显示 toolTip ,此 DataGrid 上共显示了三列,前两列需要将 showDataTips 属性设为 true !!

          第一列采用设置列属性 dataTipField 的方式来显示 toolTip ,本示例中可以设为: name phone email active

           第二列采用设定 Tip 函数 dataTipFunction 的方式来显示,此函数默认会获取本列绑定的数据作为参数,所以不需指定;

           第三列采用 itemRenderer 的方式,给其中的控件指定 toolTip 来达到目的,此处用的是 Text ,用 label 会更好一些,

           在内容显示不全的时候, label 会自动显示 toolTip ,无需指定。 -->

        <mx:DataGrid id=" dg " width=" 100% " height=" 100% " rowCount=" 5 " dataProvider=" { employees } " >

            <mx:columns>

                <mx:DataGridColumn dataField=" name " headerText=" Name " showDataTips=" true " dataTipField=" name " />

                <mx:DataGridColumn dataField=" phone " headerText=" Phone " showDataTips=" true " dataTipFunction=" showTip " />

                <mx:DataGridColumn headerText=" Email " >

                  <mx:itemRenderer>

                      <mx:Component>

                         <mx:Text text=" { data.email } " toolTip=" { data.email } " />

                      </mx:Component>

                  </mx:itemRenderer>

                </mx:DataGridColumn>

            </mx:columns>

        </mx:DataGrid>

       

    </mx:Panel>

</mx:Application>        

分享到:
评论

相关推荐

    EXT中三种方法实现在DataGrid上显示toolTip

    本文将详细解析在EXT中实现DataGrid上显示toolTip的三种方法,并通过一个具体的代码示例来加深理解。 ### 第一种方法:使用`dataTipField`属性 在DataGrid的列定义中,可以通过设置`dataTipField`属性来指定列的...

    DataGrid实现tooltip功能

    其中,`tooltip`(工具提示)是一种非常实用的功能,它可以在用户鼠标悬停在某个元素上时显示额外的信息。本文将详细介绍如何在`DataGrid`控件中实现`tooltip`功能。 #### 二、基础知识 1. **DataGrid**:`...

    DataGrid当鼠标划过每行时,在ToolTip中显示每行数据的详情

    本文将深入探讨如何实现一个功能,即当鼠标划过DataGrid的每一行时,在ToolTip中显示该行的详细信息。这是一项增强用户体验的实用技巧,让用户能够快速查看每一行的完整数据,而无需点击或展开行。 首先,我们需要...

    easyui利用tooltip实现title功能

    其中,tooltip(工具提示)组件是一个非常实用的功能,它可以用来显示额外的信息,当用户将鼠标悬停在某个元素上时,会弹出一个小窗口展示详细信息。 ### EasyUI中利用Tooltip实现Title功能 #### 一、Tooltip与...

    表格单元格自定义ToolTip组件

    ToolTip通常是在鼠标悬停在某个元素上时显示的一小段文本,用于提供额外的上下文信息。在标准的DataGrid组件中,ToolTip通常默认为简单的文字提示,但往往无法满足复杂的业务需求或设计要求。自定义ToolTip组件则...

    easyui datagrid tip 超出宽度省略

    datagrid添加tooltip及超出宽度添加省略号

    easyui datagrid单元格tip实现

    在Easyui的1.3.3版本中,作者新增了tooltip组件,尽管样式看起来也不咋的,但是终归也是官方出品,同时其功能也算是比较丰富。之前我写过一篇《扩展:datagrid鼠标经过提示单元格内容》那就是用纯编码生成的tip,更为...

    Notes Icon Tooltip源码

    Notes Icon Tooltip源码 APS.NET自定义控件,当鼠标指向图标时自动显示文本提示内容。 因为它是一个控件,开发者只需要填写需要显示的内容文本即可。... ·Tooltip使用IFRAME因此它甚至出现在下拉菜单上

    Using htmlText in a toolTip in flex

    在Flex应用中,将`MyToolTip`组件设置为需要显示工具提示的组件的`toolTip`属性。例如,对于一个数据网格(DataGrid),可以在`UsingDataTipInDataGrid.mxml`文件中,遍历每个单元格,根据数据项设置自定义工具提示...

    VB.NET高级篇.doc

    当CheckBox1被选中时,`ToolTip1.Active = CheckBox1.Checked`这行代码会开启或关闭ToolTip的显示,使得当鼠标悬停在关联控件上时,ToolTip会显示相关信息。另外,CheckBox2的CheckedChanged事件处理程序`ToolTip1....

    VB.NET高级篇教程

    1. **ToolTip控件**: `ToolTip`是一种非视觉控件,意味着它不会在界面上占据空间,但它能在用户悬停鼠标于其他控件上时显示文本信息。在VB.NET中,`ToolTip`控件默认不激活,需要通过代码来设置其活动状态。 2. **...

    datagrid行内按钮(更新/删除等)操作实现代码

    在介绍DATAGRID控件中的行内按钮操作实现时,我们首先要明确DATAGRID控件是Web页面上用于显示表格数据的常用控件,它可以与数据源(如数据库)进行绑定,以动态展示数据。DATAGRID控件提供了一系列功能,例如排序、...

    C#中datagridview使用tooltip控件显示单元格内容的方法

    本文实例讲述了C#中datagridview使用tooltip控件显示单元格内容的方法。分享给大家供大家参考,具体如下: 代码如下: using System; using System.Collections.Generic; using System.ComponentModel; using ...

    [DataGird]如何截取过长的字符串

    `DataGrid`提供了`ToolTip`属性,可以在鼠标悬停时显示完整的原始文本。 #### 四、总结 通过上述步骤,我们可以有效地处理`DataGrid`中过长的字符串,既保持了界面的整洁,又确保了信息的完整性。这种方法不仅...

    vb.net高级

    它允许开发者为控件添加额外的信息,这些信息会在用户将鼠标悬停在控件上时自动显示。下面,我们将深入探讨如何使用ToolTip控件,包括其属性和事件的设置。 ##### 实现过程: 1. **创建项目**:首先,通过Visual ...

    vb.net2005

    1. **ToolTip控件**: `ToolTip`是一种轻量级的控件,用于为用户提供额外的信息,通常在用户鼠标悬停在某个界面上时出现。 2. **显示/隐藏提示信息**: 通过改变`ToolTip`控件的某些属性,例如`Active`属性,来控制...

    EasyUI的doCellTip实现鼠标放到单元格上提示单元格内容

    $.extend($.fn.datagrid.methods, { /** * 开打提示功能 * @param {} jq * @param {} params 提示消息框的样式 * @return {} */ doCellTip : function(jq, params) { function showTip(data, td, e) { if ($(td)....

Global site tag (gtag.js) - Google Analytics