W moim projekcie używam komponentu select2. Do moich wybranych elementów dodałem ikonę i opis. Kod jest mniej więcej taki:tooltipy wybranych elementów w komponencie select2
function format(profile_opt) {
return profile_opt.text + "<br><span class=\"description_select2\"><i>" + $(profile_opt.element).attr('title') + "</i></span><br>" +
($(profile_opt.element).attr('start').length==0?'':('from: <b>' + $(profile_opt.element).attr('start') + '</b>')) + ($(profile_opt.element).attr('end').length==0?'':(' to: <b>' + $(profile_opt.element).attr('end') + '</b>')) +
" <a href=\"#\" onclick=javascript:showUrlInDialogWithOptionId(\"<%=request.getContextPath()%>/assignments_date_set.jsp\",\"" + profile_opt.id + "\",\"" + $(profile_opt.element).attr('start') + "\",\"" + $(profile_opt.element).attr('end') + "\")>" +
"<img src=\"images/icons/small/grey/clock.png\" title=\"Set start and end assignment dates\" alt=\"Set start and end assignment dates\" class=\"clock\" id=\"clock\" width=\"20px\" height=\"20px\"></a>";
}
function format2(profile_opt){
return profile_opt.text +"<br><span class=\"description_select2\"><i>" + $(profile_opt.element).attr('title') + "</i></span>";
}
$('#selected_profiles').select2({ allowSelectAllNone: true, closeOnSelect:false, width: '600px', placeholder: 'Click to select',
formatResult: format2,
formatSelection: format,
escapeMarkup: function(m) { return m; }
});
Moje pytanie brzmi: jak ustawić podpowiedzi jako podłańcuch elementu opcji formatu. Chodzi mi o to, że potrzebuję tylko początku etykiety narzędziowej, a nie całej składni z html w środku. Z góry dziękuję za pomoc.