Extjs中textfield的悬浮提示

最新推荐文章于 2018-08-09 09:58:12 发布

转载最新推荐文章于 2018-08-09 09:58:12 发布 · 3.3k 阅读

文章标签：

#extjs #鼠标

EXTJS 同时被 2 个专栏收录

14 篇文章

订阅专栏

web框架

7 篇文章

订阅专栏

本文将介绍如何利用ExtJS的Ext.QuickTips功能，在TextField组件上实现悬停提示，包括固定信息提示和文本信息提示的两种方法。

在Extjs中有时候我们需要textfield的提示信息，但是我们发现textfield并没有这样的配置项。这时候我们就要另想方法：我们需要在鼠标悬停在textfield组件的时候进行信息的提示，我们就需要在textfield中来监听，

这里有两种进行textfield悬停提示的方法：

①进行固定信息的提示：需要在监听中用render方法

   render: function (field, p){
             Ext.QuickTips.init();
              Ext.QuickTips.register({
                   target: field.el,
                   text: '这是textfield的固定信息提示！'
             })
          }

②进行文本信息提示：提示信息为textfield的文本信息

var updateTip = function (field, t) {
       Ext.QuickTips.init();
       Ext.QuickTips.register({
           target: field.el,
           text: field.getValue()
       })
    };