MultiSelect
HTML
<script src="http://cdn.kendostatic.com/2013.1.319/js/jquery.min.js"></script>
<script src="http://cdn.kendostatic.com/2013.1.319/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.1.319/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.1.319/styles/kendo.default.min.css">
<script src="http://demos.kendoui.com/content/shared/js/products.js"></script>
<div id="example" class="k-content">
<div id="grid"></div>
</div>
JavaScript
$("#grid").kendoGrid({
columns: [
{ field: "name" },
{ field: "UnitPrice",
footerTemplate: "Min: #: min # Max: #: max #"
}
],
dataSource: {
data: [
{ name: "Jane Doe", UnitPrice: 30 },
{ name: "John Doe", UnitPrice: 33 }
],
aggregate: [
{ field: "UnitPrice", aggregate: "min" },
{ field: "UnitPrice", aggregate: "max" }
]
}
});