kendoDropDownList with Comments

Example of kendoDropDownList rendering comments in the dataTextField value

HTML

<script src="http://cdn.kendostatic.com/2012.3.1315/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.3.1315/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.3.1315/styles/kendo.default.min.css">
<select id="mySelect"></select>

CSS

body { padding: 40px 5px 5px 5px; }
.k-dropdown { width: 100% }

JavaScript

var myData = [
    { id: 1001, nameRaw: "Test 1", name: "<!--vendor_start-->Test 1<!--vendor_end-->", balance: "$1,001.00" },
    { id: 1002, nameRaw: "Test 2", name: "<!--vendor_start-->Test 2<!--vendor_end-->", balance: "$1,002.00" },
    { id: 1033, nameRaw: "Test 3", name: "<!--vendor_start-->Test 3<!--vendor_end-->", balance: "$1,033.00" },
    { id: 1204, nameRaw: "Test 4", name: "<!--vendor_start-->Test 4<!--vendor_end-->", balance: "$1,204.00" },
    { id: 1335, nameRaw: "Test 5", name: "<!--vendor_start-->Test 5<!--vendor_end-->", balance: "$1,335.00" }
];


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