AutoComplete - prevented
by valchev
HTML
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.3.1114/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.3.1114/styles/kendo.default.min.css">
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.all.min.js"></script>
<div id="treeview"></div>
JavaScript
$.ajax({
url: "/echo/json/",
type: "POST",
contentType: "application/json; charset=utf-8",
dataType: "json",
data: { //using jsFiddle echo service to simulate Ajax request
json: JSON.stringify([{
id: 1,
text: "My Documents",
expanded: true,
spriteCssClass: "rootfolder",
items: [
{
id: 2,
text: "Kendo UI Project",
expanded: true,
items: [
{
id: 3,
text: "about.html"},
{
id: 4,
text: "index.html"},
{
id: 5,
text: "logo.png"}
]},
{
id: 6,
text: "New Web Site",
expanded: true,
items: [
{
id: 7,
text: "mockup.jpg"},
{
id: 8,
text: "Research.pdf"},
]},
{
id: 9,
text: "Reports",
expanded: true,
items: [
{
id: 10,
text: "February.pdf"},
{
id: 11,
text: "March.pdf"},
{
id: 12,
text: "April.pdf"}
]}
]}])
},
success: onSuccess
});
function onSuccess(response) {
$("#treeview").kendoTreeView({
checkboxes: {
checkChildren: true
},
dataSource: response
});
}
var checkedItems = [];
function getChecked() {
var data = $("#treeview").data("kendoTreeView").dataSource.data(),
checkedItems = [];
findChecked(data);
}
function findChecked(data) {
for (var i = 0; i < data.length;...