Hi there,
I took the code from Kendo Dojo library and modified it to the following and I was wondering if it can be grouped by country. I have a similar sample and it doesn't work. TIA
Steve
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Kendo UI Snippet</title>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2015.2.624/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2015.2.624/styles/kendo.rtl.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2015.2.624/styles/kendo.default.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2015.2.624/styles/kendo.dataviz.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2015.2.624/styles/kendo.dataviz.default.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2015.2.624/styles/kendo.mobile.all.min.css">
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://cdn.kendostatic.com/2015.2.624/js/kendo.all.min.js"></script>
</head>
<body>
<input id="customers" style="width: 400px" />
<script>
$(document).ready(function() {
var x = [];
x.push({ContactName: "A", CustomerID:"1", Country: "W"},
{ContactName: "B", CustomerID:"18", Country: "V"},
{ContactName: "C", CustomerID:"12", Country: "W"},
{ContactName: "D", CustomerID:"13", Country: "W"},
{ContactName: "AA", CustomerID:"15", Country: "T"},
{ContactName: "AB", CustomerID:"21", Country: "T"},
{ContactName: "AC", CustomerID:"41", Country: "V"},
{ContactName: "AE", CustomerID:"31", Country: "V"},
{ContactName: "AF", CustomerID:"21", Country: "T"},
{ContactName: "AX", CustomerID:"11", Country: "T"},
{ContactName: "AQ", CustomerID:"19", Country: "T"},
{ContactName: "AM", CustomerID:"15", Country: "W"})
$("#customers").kendoDropDownList({
dataTextField: "ContactName",
dataValueField: "CustomerID",
height: 400,
dataSource: x,
group: "Country"
});
});
</script>
</body>
</html>