ExtJS Tooltipst和QuickTips浮动信息 示例
Tooltipst 示例:
Ext.onReady(function() {
var temp = new Ext.Panel({
renderTo : document.body,
// id : 'ajax-tip',
layout : "table",
layoutConfig : {
columns : 1
},
items : [{
xtype : 'panel',
id : 'tip1',
html : 'Label 1'
}, {
xtype : 'panel',
id : 'ajax-tip',
html : 'Label 2'
}, {
xtype : 'panel',
id : 'tip2',
html : 'Label 3'
}, {
xtype : 'panel',
id : 'track-tip',
html : 'Label 4'
}]
});
new Ext.ToolTip({
target : 'tip1',
html : 'A very simple tooltip'
});
new Ext.ToolTip({
target : 'ajax-tip',
width : 200,
autoLoad : {
url : '../../../index.jsp'
},
dismissDelay : 15000
// auto hide after 15 seconds
});
new Ext.ToolTip({
target : 'tip2',
html : 'Click the X to close me',
title : 'My Tip Title',
autoHide : false,
closable : true,
draggable : true
});
new Ext.ToolTip({
target : 'track-tip',
title : 'Mouse Track',
width : 200,
html : 'This tip will follow the mouse while it is over the element',
trackMouse : true
});
Ext.QuickTips.init();
});
QuickTips 示例:
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>ExtJS</title>
<link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css" />
<script type="text/javascript" src="ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext/ext-all.js"></script>
<body >例子:<br>
<a href="http://extjs.com" ext:qtip="ExtJS官方网站">ExtJS</a>
<input type="text" ext:qtip="请填写 ..."></input>
<script type="text/javascript" charset="utf-8">
Ext.onReady(function(){
Ext.QuickTips.init();
});
</script>
</body>
</html>
分享到:
相关推荐
extjs editgrid示例代码extjs editgrid示例代码extjs editgrid示例代码extjs editgrid示例代码
深入浅出extjs(第二版)示例源码光盘,包含3.0.0,3.1.1,3.2.0
EXTJS net 增删改查示例
extjs grid示例代码extjs grid示例代码extjs grid示例代码extjs grid示例代码
Extjs6 最简单的示例java版Extjs6 最简单的示例java版Extjs6 最简单的示例java版Extjs6 最简单的示例java版Extjs6 最简单的示例java版Extjs6 最简单的示例java版
EXTJS 上传组件及示例EXTJS 上传组件及示例EXTJS 上传组件及示例
一款基于EXTJS插件风格的表格合并示例,界面不用说了,使用EXT本身的界面风格,很漂亮,EXT功能很强大,这个表格合并功能只是其中一个比较实用的功能,这个例子带给大家,希望通过这个例子你会对EXT有更多的了解。
EXTJS 折线 chart action 代码示例 1.远程加载数据(两种方法) 2.本地加载数据 3.完整示例,实例 4.后台为JAVA代码
EXTJS动态树的实现举例示例代码,调试可用。经典代码。
殷良胜 ExtJS与.NET结合开发实例提供的示例(包括示例数据库、皮肤文件、EXT、和相关DLL) 他的博客:http://www.cnblogs.com/mogen_yin Ext2.2学习系列:ExtJS与.NET结合开发实例--全部Ext2.2示例--索引贴 ...
Extjs Tree + JSON + Struts2 示例源代码
帮大家整理整理一下 extjs3.x 官方大量示例 以及chm版api
Ext.js(版本6.0)一些简单使用示例以及效果
extjs树型表格组件的使用示例,详细说明可以参见http://blog.csdn.net/snail_spoor/article/details/39698037
用Ext写一个登陆界面,登陆完后进入一个...用Servlet发送请求,Json数据也是JS通过Servlet请求从数据库中读取显示在Grid表格中。例子比较简单,但方法很明朗。 代码没有经过处理,可能有些乱,但思路还是比较清晰的。
extjs4.2实现界面浮动侧边框,跟随鼠标移动显示或隐藏,类似于qq主界面右边隐藏功能
ExtJS日期时间控件。详细信息参照我的博文: http://blog.csdn.net/lvye1221/article/details/10225941 这是我在 apache 目录下部署了测试示例。将附件中的测试用例,按照以下方式部署好,即可成功访问: apache ...
extJS myeclipse源码示例
ExtJS示例,Grid的使用,Panle的使用,树的使用
ExtJS6 MVC 精简示例