jQuery MiniUI

标题: 鼠标移动到textBox显示全部信息 [打印本页]

---

作者: lusongjia    时间: 2018-11-24 16:29:11     标题: 鼠标移动到textBox显示全部信息

如果所示，有没有方法让鼠标移动到textBox标签时，字段过长可以像下表一样显示全部信息出来？[attach]11556[/attach]

---

作者: zkrisj    时间: 2018-11-24 22:05:28

加个tooltip属性可以

---

作者: lusongjia    时间: 2018-11-26 09:33:04

zkrisj 发表于 2018-11-24 22:05
加个tooltip属性可以

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

---

作者: felt    时间: 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. 
    
17.             } else {
    
18.                 tip.setVisible(false);
    
19.             }
    
20. 
    
21.         }
    
22.     });

复制代码

---

作者: lusongjia    时间: 2018-11-26 10:33:27

felt 发表于 2018-11-26 09:51

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

---

作者: leao    时间: 2018-11-26 10:47:29

lusongjia 发表于 2018-11-26 10:33
显示mini.ToolTip is not a constructor，是我版本太低吗？

请更新至最新版本。

---

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)

Powered by Discuz! X2