Projemde select2 bileşenini kullanıyorum. Seçtiğim öğeler için simge ve açıklama ekledim.select2 bileşenindeki seçili öğelerin araç ipuçları
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; }
});
Sorum şu: biçim seçeneğini elemanının sadece alt dize olmak ipuçlarını nasıl ayarlanacağı Kod böyle bir şeydir. Demek istediğim, araç ipucunun sadece html ile bu sözdizimini değil. Herhangi bir yardım için şimdiden teşekkür ederiz.
formatResult: format,
formatSelection: format
Sonra Select2 yapıcı dışında aşağıda gibi format
işlevi tanımlayın: