[Solved] Feature Request: ComboBox item image icons & custom css

[Fern]

great product!

For the developers..
 
it would be great if you can add the ability to set a custom icon for the items on a Combo Box similar to what you can do to set image icons on Menus.

Thanks

[Gerard Eikelboom]

Hi Fern,

You can:

Add the clientEvents .OnDatabound("OnDataBound") to the combobox

function FilterOnDataBound(e) {


var comboBox = $("#Filters").data("tComboBox");

var ExtendedFilter;

ExtendedFilter = SetDeleteIconFilter(comboBox.data);

//rebind combobox

comboBox.dataBind(ExtendedFilter);

}

function SetDeleteIconFilter(filterdata) {
    $.each(filterdata, function (intIndex, filterdata) {
        var filterId = filterdata.Value;
        var filterText = filterdata.Text;
        var deleteIcon = '<img class="deletefilter" title="Delete ' + filterText + '" onclick="DeleteFilter(' + filterId + ');" alt="' + filterId + '" src="/content/images/delete_filter_icon.png"/>';
        filterdata.Text = filterdata.Text + deleteIcon;
        filterdata[intIndex] = filterdata;
    });
    return filterdata;
}

In this example an Delete icon is placed behind the text.

Good luck,

Gerard Eikelboom

[mahmoud]

Thanks Gerard but your solution doesn't work in 2011Q2SP1. it simply shows the tags!
any other solution?