2014-09-05 29 views
5

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:

cevap

1

select2 yapıcı bu 2 parametreleri ekleyin

function format(item) { 
    var originalText = item.text; 
    return "<div title ='" + originalText + "'>" + originalText + "</div>"; 
} 

Orijinal yazı here

olduğunu
İlgili konular