html comment literal displayed in selected drop down text

[Matthew]

Hi,

Part of a vendor requirement is that we render specific comment tags before and after certain content. I am having a little trouble getting this to work with the Kendo DropDownList.

I have made a fiddle that demonstrates this: http://jsfiddle.net/mlhDevelopment/ktpHp/

The problem is that the comment is rendered in the selected value when the drop down is closed. When it is open and using the template the display is correct (comment is not rendered), but when the drop down closes the selected value is set to the literal/escaped, not the HTML rendered, value. How can we change that?

Thanks, Matthew

[Dimo]

Hi Matthew,

The text field is expected to contain plain text, not markup. Please modify your scenario like this:

var myData = [
    { id: 1001, c1: "<!--start1-->", c2: "<!--end1-->", name: "Test 1", balance: "$1,001.00" },
    { id: 1002, c1: "<!--start2-->", c2: "<!--end2-->", name: "Test 2", balance: "$1,002.00" },
    { id: 1033, c1: "<!--start3-->", c2: "<!--end3-->", name: "Test 3", balance: "$1,033.00" },
    { id: 1204, c1: "<!--start4-->", c2: "<!--end4-->", name: "Test 4", balance: "$1,204.00" },
    { id: 1335, c1: "<!--start5-->", c2: "<!--end5-->", name: "Test 5", balance: "$1,335.00" }
];


$("#mySelect").kendoDropDownList({
    dataSource: myData,
    dataTextField: "name",
    dataValueField: "id",
    value: "1204",
    template: kendo.template("<div>#= c1 ##= name ##= c2 #: #= balance #</div>")
});

Regards,
Dimo
Telerik

[Matthew]

I did something similar to what you said (see the updated fiddle), but still, is there a way to get the vendor comment into the selected value span? See the attached screenshot for an explanation of the location we still need the comment at.

Thanks

[Kiril Nikolov]

Hi Matthew,

Unfortunately there is no built-in functionality that you can use to insert the html comments inside the span tag. If you use a template a div tag is nested inside the list for the dropdown, and if you use the regular data binding without a template, all html entered in the value field is escaped. 
 
Regards,
Kiril Nikolov
Telerik