dijit.Tooltip --- как отключить парить? - PullRequest
Новая
       13

dijit.Tooltip --- как отключить парить?

0 голосов
/ 02 октября 2009

Я хотел бы иметь всплывающую подсказку, которая появляется только при нажатии на текстовую ссылку (но ничего не делает при наведении курсора). Я знаю, что это легко сделать с помощью jquery, но я должен использовать додзё. Я попытался объявить новый класс всплывающей подсказки с "attachHover: false;" но он ломается, когда я объявляю класс, поэтому я предполагаю, что это неправильно: 

dojo.declare("clickTooltip", digit.Tooltip,  {
markupFactory: function(){
return new clickTooltip();
},
attachHover: false;
}
});

Пожалуйста, дайте мне знать, если есть более простой способ, или если у вас есть какие-либо указатели, чтобы исправить вышеуказанный код.

Спасибо

Ответы [ 3 ]

1 голос
/ 29 октября 2009

В итоге я использовал обычный скрытый div вместо пакета dojo. Додзе не очень легко настроить.

0 голосов
/ 01 ноября 2017

Вы можете легко достичь этого, используя виджет подсказки, 

require(["dijit/Tooltip", "dojo/dom", "dojo/on", "dojo/mouse", "dojo/domReady!"], function(Tooltip, dom, on, mouse) {
  var node = dom.byId('tooltip');
  on(node, 'click', function() {
    Tooltip.show("I am a tooltip", node);
  });

  on(node, mouse.leave, function() {
    Tooltip.hide(node);
  });
})

Рабочая скрипка здесь, http://jsfiddle.net/c4hp1L12/

0 голосов
/ 11 октября 2011

Вы можете попробовать следующее на демонстрационной странице dijit : 

<div data-dojo-type="dijit.form.DropDownButton">
    <span>User Login</span>
    <div data-dojo-type="dijit.TooltipDialog" id="tooltipDlg" data-dojo-props='
        title:"Enter Login information",
        execute: function(){ alert("Simple Alert!"); }'>
        <div dojoType="dijit.form.Form" id="myForm" jsId="myForm" encType="multipart/form-data" action="" method="POST">
        <script type="dojo/method" event="onSubmit">return true;</script>
            <table>
                <tr>
                    <td><label for="user">User:</label></td>
                    <td><input type="text" name="user" id="user" dojoType="dijit.form.ValidationTextBox" required="true"></td>
                </tr>
                <tr>
                    <td><label for="pwd">Password:</label></td>
                    <td><input type="password" name="pwd" id="pwd" dojoType="dijit.form.ValidationTextBox" required="true"></td>
                </tr>
                <tr>
                    <td colspan="2">
                        <button dojoType="dijit.form.Button" type="submit" name="submitButton" value="Submit">Submit</button>
                    </td>
                </tr>
            </table>
        <!-- End of dijit form -->
        </div>
    </div>
</div>

Я знаю, что это кнопка, но она работает только при нажатии на нее.

...