<?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
DataGrid实现tooltip功能DataGrid实现tooltip功能.txtDataGrid实现tooltip功能.txtDataGrid实现tooltip功能.txtDataGrid实现tooltip功能.txtDataGrid实现tooltip功能.txt
NULL 博文链接:https://dongguojun.iteye.com/blog/1005292
easyui利用tooltip实现title功能
datagrid添加tooltip及超出宽度添加省略号
表格单元格自定义ToolTip组件,适用所有Flex组件的自定义提示
Notes Icon Tooltip源码 APS.NET自定义控件,当鼠标指向图标时自动显示文本提示内容。 因为它是一个控件,开发者只需要填写需要显示的内容文本即可。... ·Tooltip使用IFRAME因此它甚至出现在下拉菜单上
在Easyui的1.3.3版本中,作者新增了tooltip组件,尽管样式看起来也...之前我写过一篇《扩展:datagrid鼠标经过提示单元格内容》那就是用纯编码生成的tip,更为丑陋,有了Easyui 1.3.3的tooltip,我们实现起来就很容易了
本文实例讲述了C#中datagridview使用tooltip控件显示单元格内容的方法。分享给大家供大家参考,具体如下: 代码如下: using System; using System.Collections.Generic; using System.ComponentModel; using ...
$.extend($.fn.datagrid.methods, { /** * 开打提示功能 * @param {} jq * @param {} params 提示消息框的样式 * @return {} */ doCellTip : function(jq, params) { function showTip(data, td, e) { if ($(td)....
第一、设置RowsDefaultCellStyle的WrapMode属性值为true(表示支持多行显示) 第二、设置... 您可能感兴趣的文章:C#中datagridview使用tooltip控件显示单元格内容的方法DataGridView带图标的单元格实现代码
ui: 代码如下: ”Operation” ShowHeader=”False”> ”100px”> ...asp:ImageButton ID=”imgUpdate” CommandName=”update” ToolTip=”Update” ImageUrl=”~/App_Themes/Images/edit.png” runat=”serve
2.5.6 DataGrid 数据栅格 37 2.5.7 DataList 用列表的形式显示数据,每个栅格可显示多个数据项 39 2.5.8 DataTable数据表格 41 2.5.9 Tree 树形显示 46 2.5.10 TreeTable 树表 47 2.5.11 DragDrop 50 2.5.11.1 ...
三、<WatermarkedTextBox> 控件 <显示其他控件时> 3 四、ToggleButton控件 3 五、ScrollViewer控件 4 六、TextBlock控件 5 七、ToolTip控件 <用作内嵌控件时> 6 八、Rectangle控件 7 九、Slider控件(滑动控件) 7 ...
包含扩展jquery.accordion.js、jquery.combobox.js、jquery.datagrid.js、jquery.datebox.js、jquery.dialog.js、jquery.form.js、jquery.layout.js、jquery.linkbutton.js、jquery.mask.js、jquery.messager.js、...
在本书中,读者不但可以学到搜索框(searchbox)、进度条(progressbar)、提示框(tooltip)等功能性插件,还可以掌握布局(layout),以及强大的数据网格(datagrid)和分页(pagination)等插件。
│ │ │ datagrid.css │ │ │ datebox.css │ │ │ dialog.css │ │ │ easyui.css │ │ │ filebox.css │ │ │ layout.css │ │ │ linkbutton.css │ │ │ menu.css │ │ │ menubutton.css │ │ │ ...
控制项的Tooltip 取得及显示记录 上下页切换 输入笔数及切换 编辑处理 新增处理 取消设计 储存设计 储存后的更新 8-2主子表单 8-2-1同页显示 操作及功能说明 主子...
#基于avalon的ui库 ##ui组件 accordion btn combobox dialog menu tab tree tooltip datagrid ##功能组件 draggable resizable
鼠标放在一个连接上,会显示图片(类似tooltip) 使用microsoft.web.ui.webcontrols的TabStrip与IFame组件,达到页的切换效果 HttpModule 实现 ASP.Net (*.aspx) 中文简繁体的自动转换,不用修改原有的任何代码,直接部署...