jQuery MiniUI

 找回密码
 立即注册
查看: 3101|回复: 5
打印 上一主题 下一主题

鼠标移动到textBox显示全部信息 [复制链接]

Rank: 1

跳转到指定楼层
楼主
发表于 2018-11-24 16:29:11 |只看该作者 |倒序浏览
如果所示,有没有方法让鼠标移动到textBox标签时,字段过长可以像下表一样显示全部信息出来?
附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Rank: 1

沙发
发表于 2018-11-24 22:05:28 |只看该作者
加个tooltip属性可以

Rank: 1

板凳
发表于 2018-11-26 09:33:04 |只看该作者
zkrisj 发表于 2018-11-24 22:05
加个tooltip属性可以

你好像误解我意思了,我想要的是:显示因长度原因无法在页面展示的全部数据,你的这个试了下达到的效果是tips,写死了

Rank: 8Rank: 8

地板
发表于 2018-11-26 09:51:53 |只看该作者
<input id="t1" class="mini-textbox showTips" />
  1. var tip = new mini.ToolTip();
  2.     tip.set({
  3.         target: document,
  4.         selector: '.showTips',     
  5.         onbeforeopen: function (e) {
  6.             e.cancel = false;
  7.         },
  8.         onopen: function (e) {
  9.               var el = e.element;
  10.               var control = mini.get(el);
  11.             var title = control.getInputText();
  12.             var placement = control.placement;
  13.             if (title != "") {
  14.                 tip.setPlacement(placement);
  15.                 tip.setContent(title);

  16.             } else {
  17.                 tip.setVisible(false);
  18.             }

  19.         }
  20.     });
复制代码

Rank: 1

5#
发表于 2018-11-26 10:33:27 |只看该作者
felt 发表于 2018-11-26 09:51

显示mini.ToolTip is not a constructor,是我版本太低吗?

Rank: 7Rank: 7Rank: 7

6#
发表于 2018-11-26 10:47:29 |只看该作者
lusongjia 发表于 2018-11-26 10:33
显示mini.ToolTip is not a constructor,是我版本太低吗?

请更新至最新版本。

Archiver|普加软件

GMT+8, 2024-9-20 18:00 , Processed in 1.065362 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部