extjs 3.4 在字段中添加工具提示

Posted 2023-02-26

【中文标题】extjs 3.4 在字段中添加工具提示

【英文标题】：extjs 3.4 add tool tip in from field

【发布时间】：2015-04-20 09:35:08

【问题描述】：

您好，我有一些表单字段，我正在尝试添加工具提示。但它不起作用。这是我的领域，

var importForm = new Ext.form.FormPanel(
             //html: "<p>Imgae source: <b>img</b> folder in root directory</p>",
            url: '/plugin/ImageImport/admin/import',
            monitorValid: true,
            labelWidth: 175,
            frame: true,
            title: 'Image Import',
            width: 250,
            defaultType: 'textfield',
            defaults:  allowBlank: false ,
            items:[
               fieldLabel: 'Source Folder Path', name: 'imgSourcePath', id:'imgSourcePath' ,
              
                  xtype: 'combo',
                  name: 'folderId',
                  fieldLabel: 'Target Folder',
                  mode: 'local',
                  store: valuesDir,
                  displayField:'key',
                  valueField: 'id',
                  width: 'auto',
                  triggerAction: 'all',
                  emptyText:'Select Folder...',
                  id:'folderId',
                  selectOnFocus:true,
                  allowBlank: false,
                  editable: false,
                ,

              
                  xtype: 'combo',
                  name: 'transformation',
                  fieldLabel: 'Image Transformations',
                  mode: 'local',
                  store: values,
                  displayField:'name',
                  valueField: 'name',
                  width: 'auto',
                  triggerAction: 'all',
                  emptyText:'Select Transformation...',
                  id:'transformation',
                  selectOnFocus:true,
                  allowBlank: false,
                  editable: false,

                ,


                   ],

在我的代码末尾，我正在尝试添加工具提示，

Ext.onReady(function()
    new Ext.ToolTip(
    target: 'imgSourcePath',
    html: 'A very simple tooltip'
        );

 new Ext.ToolTip(
    target: 'folderId',
    html: 'A very simple tooltip'
        );

 new Ext.ToolTip(
    target: 'transformation',
    html: 'A very simple tooltip'
        );

 Ext.QuickTips.init();
);

我也尝试了 qtip，但也无法正常工作。

  fieldLabel: 'Source Folder Path', name: 'imgSourcePath', id:'imgSourcePath', qtip: 'This is tool tip' ,

请帮帮我...

【问题讨论】：

***.com/a/29675846/3688026

【参考方案1】：

看看这个issue就知道怎么放到comboBox ExtJs 3.4 : Set tool tip for combo box

希望对您有所帮助。