使用 dojo 将鼠标悬停在动态下拉列表选择上时添加工具提示

Adding tooltip on mouseover over dynamic dropdown select using dojo

本文关键字：选择 添加 工具提示 下拉列表 动态 dojo 鼠标 悬停 使用      更新时间：2023-09-26

嗨，我想做这样的事情，这些数据在创建迭代下拉列表后以 JSON 的形式来自 servlet。JSON 是 ：

JSON = [{"attr_name":"ClaimId","attr_type":"String"},{"attr_name":"creationDate","attr_type":"String"},{"attr_name":"DocumentType","attr_type":"String"},{"attr_name":"object_name","attr_type":"String"},{"attr_name":"PolicyNumber","attr_type":"Integer"},{"attr_name":"UserID","attr_type":"String"}]

每当鼠标悬停在列表上时，我都想attr_type显示为工具提示。在鼠标出来时，它应该消失了。

extMetaCombo = dijit.byId('ext_prof_metadata');

          extMetaCombo.options.length = 0;
          extMetaCombo.addOption({label:'Select', value:'Select'});
          for(var i = 0; i < response.length; i++)
              {
                var attr_name = response[i].attr_name;
                if(attr_name != null)
                    {
                    extMetaCombo.addOption({label:attr_name, value:attr_name});
                    }
              }
        }
          return response;

希望这个问题足以理解。感谢在前进

如果将 Select 控件的 labelType 设置为"text"以外的其他内容，例如"html"，则可以将 HTML 传递到标签中：

var selectBox = new Select({
    labelType: 'html'
});
array.forEach(yourJsonArray, function(option) {
    selectBox.addOption({
        label: '<span title="' + option.attr_name + '">' + option.attr_name +  '</span>',
        value: option.attr_name
    });
});
相关文章：