easyui 实现Tooltip

$(‘#btnAddr‘).tooltip({
            content: $(‘<div class="table"></div>‘), //弹出收件地址
            showEvent: ‘mouseover‘,
            onUpdate: function (cc) {
                cc.panel({
                    width: 650,
                    border: false,
                    href: ‘/Client/ClientAddressInfo?clientID=‘ + $("#ClientID").val()
                });
            },
            onShow: function () {
                var t = $(this);
                t.tooltip(‘tip‘).unbind().bind(‘mouseover‘, function () {
                    t.tooltip(‘show‘);
                }).bind(‘mouseleave‘, function () {
                    t.tooltip(‘hide‘);
                });
            }
        });
<a href="javascript:void(0)" class="btn"><span class="in">
                                        <input type="button" id="btnAddr" class=" easyui-tooltip" style="width: 80px" value="地址管理" /></span></a>

效果图:

easyui 实现Tooltip,布布扣,bubuko.com

时间: 2024-10-06 08:49:51

easyui 实现Tooltip的相关文章

第一百九十六节,jQuery EasyUI,Tooltip(提示框)组件

jQuery EasyUI,Tooltip(提示框)组件 学习要点: 1.加载方式 2.属性列表 3.事件列表 4.方法列表 本节课重点了解 EasyUI 中 Tooltip(提示框)组件的使用方法,,这个组件不依赖于其 他组件. 一.加载方式 //class 加载方式 <a href="http://www.ycku.com" title="这是一个提示信息!" class="easyui-tooltip">Hover Me <

easyui datagrid tooltip

$('#dg').datagrid('getPanel').find('.easyui-tooltip').each(function(){ var index = parseInt($(this).attr('data-p1')); $(this).tooltip({ content: $('<div></div>'), onUpdate: function(cc){ var row = $('#dg').datagrid('getRows')[index]; var conte

关于easyui tooltip

相信做管理软件的同行,多多少少都接触过easyui吧.虽然easyui样式那些的确遭到不少人的吐槽,但是不得不说,它的确为我们这些做管理系统的带来不少的方便.最少是我们这些对样式不太熟悉的人确实是不错的(说句实在的,管理系统都是内部系统的比较多,谁还在意样子好不好看呢!). 就在这段时间,我们系统要加一个提示功能.可能一个提示功能对于很多人来说不是很简单吗?确实,基于easyui的datagrid和tooltip我很快就完成了这个任务. 所以我对datagrid做了一个扩展,基于下面这段代码,我

项目中easyui-tooltip提示消息运用

easyui datagrid tooltip 对数据增加: formatter: function (value, data, index) { return '<span title="Hello, I am tooltip." class="easyui-tooltip">'+value+'</span>' } {field:'roomCode',title:'房间名称',width:100, formatter: function (

基于Springmvc+Spring+Mybatis+Jqueryeasyui个人信息管理平台(日程管理、天气类型、资产管理、理财规划)

基于Springmvc+Spring+Mybatis+Jqueryeasyui个人信息管理平台(日程管理.天气类型.资产管理.理财规划) 课程讲师老牛 课程分类Java 适合人群中级 课时数量78课时 更新程度完毕 服务类型C类普通服务类课程 用到技术Springmvcspringmybatisjquery easyui 涉及项目个人信息管理好友管理报表实现 咨询QQ2050339477 课程链接http://www.dwz.cn/LO1X3 课程背景 本系统主要用于个人信息的管理通过软件工具对

easyui Datagrid方法扩展 - tooltip

最新版本的jQuery Easyui新出来了一个组件叫tooltip,就是提示框.以前的版本没有这个组件的时候就有很多在问,datagrid的单元格,我要加鼠标提示要怎么做.原来我告诉他们的方法都是用formatter,大概方法如下: formatter:function(value){ return '<span title="'+value+'">'+value+'<span>'; } 这样的方式就利用了浏览器自己的title特性,来达到显示效果.只是这种实

easyui datagrid 添加 tooltip

步骤: 引入 tooltip 扩展文件,基于easyui1.3.3,参考这里: 设置 easyui 的 data-options 属性,增加事件 onLoadSuccess: 增加 onLoadSuccess 的处理方法,在 datagrid 数据加载完成后初始化 tooltip. 参考代码: ... 略 ... <script type="text/javascript" src="__MJS__/jquery.easyui.min.js"></

[EASYUI] tooltip的扩展使用

在讲easyui中的tooltip功能之前,我首先要将的很重要是的只有在easyui1.3.3版本(包括1.3.3)后才有的,所以还在用1.3.3之前的版本并且正在努力寻找tooltip功能并且实现很绚丽的提示效果的小伙伴,我只想说三个字--"逗我呢" 讲完使用范围,本来是要开始讲解一些用法,不过杰哥我就不再次多啰嗦了,官网上有,地址如下:千万表要点我哦 废话不多说,首先就选要去创建一个添加tooltip的函数: <span style="white-space:pre

JQuery easyui (4)Tooltip (提示组件) 组件

ps:先来一波美图 Tooltip的加载方式: 1,class加载 1 <a href="#" title="tooltip">hello word</a> 2,js 加载调用 $('#box').tooltip({ content : 'tooltip', }); Tooltip的属性列表 $('#box').tooltip({ position : 'top', //消息框在当前元素的位置 left? right ? 默认是bootom