Подсказка Dijit, которая работает со всеми тегами HTML - PullRequest
Новая
       26

Подсказка Dijit, которая работает со всеми тегами HTML

1 голос
/ 06 января 2011

Так что я пытаюсь использовать подсказку dijit.http://docs.dojocampus.org/dijit/Tooltip

Однако, они имеют только атрибут «connectIds», это кажется довольно ограничивающим, и я удивлен, что он был запрограммирован таким образом.Я не знаю, сколько гиперссылок будет на моих страницах, поэтому не лучше ли иметь такую ​​опцию, как «connectByHTMLtag», чтобы я мог сопоставить все теги «a» с определенной подсказкой?Или даже «connectClasses» будет иметь больше смысла.

Это означает, что мне нужно вручную ввести id = "tooltip1" id = "tooltip2" и т. Д.

Кто-нибудь найдет способ обойти это??

Ответы [ 2 ]

2 голосов
/ 07 января 2011

Вы можете подключить их при загрузке страницы, используя dojo.query.

Дайте всем вашим гиперссылкам класс, который вы можете использовать для их выбора позже: 

<a href="whatever.html" class="link-tooltip">Etc</a>

Затем вJavaScript, вы можете использовать что-то вроде этого: 

dojo.addOnLoad(function() {
    dojo.query(".link-tooltip").forEach(function(node, index, arr) {

            new dijit.Tooltip({
                connectId: [node.id],
                label: "My tooltip!"
            });
        });
});

Этот код не проверен, но в принципе вы можете это сделать.dojo.query очень удобен для такого рода вещей!

0 голосов
/ 10 апреля 2013

Начиная с Dojo Toolkit 1.8, теперь можно прикрепить всплывающую подсказку с помощью селектора: 

require(["dojo/ready", "dijit/Tooltip", "dojo/query!css2"], function(ready, Tooltip){
    ready(function(){
        new Tooltip({
            connectId: "myTable",
            selector: "tr",
            getContent: function(matchedNode){
                return matchedNode.getAttribute("tooltipText");
            }
        });
    });
});

http://dojotoolkit.org/reference-guide/1.8/dijit/Tooltip.html#attaching-to-multiple-nodes

...