mirror of
https://github.com/hanzoai/jube-fork.git
synced 2026-11-02 14:29:36 +00:00
103 lines
3.6 KiB
HTML
Executable File
103 lines
3.6 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Basic usage</title>
|
|
<meta charset="utf-8">
|
|
<link href="../content/shared/styles/examples-offline.css" rel="stylesheet">
|
|
<link href="../../styles/kendo.common.min.css" rel="stylesheet">
|
|
<link href="../../styles/kendo.rtl.min.css" rel="stylesheet">
|
|
<link href="../../styles/kendo.default.min.css" rel="stylesheet">
|
|
<link href="../../styles/kendo.default.mobile.min.css" rel="stylesheet">
|
|
<script src="../../js/jquery.min.js"></script>
|
|
<script src="../../js/jszip.min.js"></script>
|
|
<script src="../../js/kendo.all.min.js"></script>
|
|
<script src="../content/shared/js/console.js"></script>
|
|
<script>
|
|
|
|
</script>
|
|
|
|
|
|
</head>
|
|
<body>
|
|
|
|
<a class="offline-button" href="../index.html">Back</a>
|
|
|
|
|
|
<div id="example">
|
|
<div class="demo-section k-content">
|
|
<h4><label for="countries">Choose shipping countries:</label></h4>
|
|
<input id="countries" style="width: 100%;" />
|
|
<div class="demo-hint">Start typing the name of an European country</div>
|
|
</div>
|
|
|
|
<script>
|
|
$(document).ready(function () {
|
|
var data = [
|
|
"Albania",
|
|
"Andorra",
|
|
"Armenia",
|
|
"Austria",
|
|
"Azerbaijan",
|
|
"Belarus",
|
|
"Belgium",
|
|
"Bosnia & Herzegovina",
|
|
"Bulgaria",
|
|
"Croatia",
|
|
"Cyprus",
|
|
"Czech Republic",
|
|
"Denmark",
|
|
"Estonia",
|
|
"Finland",
|
|
"France",
|
|
"Georgia",
|
|
"Germany",
|
|
"Greece",
|
|
"Hungary",
|
|
"Iceland",
|
|
"Ireland",
|
|
"Italy",
|
|
"Kosovo",
|
|
"Latvia",
|
|
"Liechtenstein",
|
|
"Lithuania",
|
|
"Luxembourg",
|
|
"Macedonia",
|
|
"Malta",
|
|
"Moldova",
|
|
"Monaco",
|
|
"Montenegro",
|
|
"Netherlands",
|
|
"Norway",
|
|
"Poland",
|
|
"Portugal",
|
|
"Romania",
|
|
"Russia",
|
|
"San Marino",
|
|
"Serbia",
|
|
"Slovakia",
|
|
"Slovenia",
|
|
"Spain",
|
|
"Sweden",
|
|
"Switzerland",
|
|
"Turkey",
|
|
"Ukraine",
|
|
"United Kingdom",
|
|
"Vatican City"
|
|
];
|
|
|
|
//create AutoComplete UI component
|
|
$("#countries").kendoAutoComplete({
|
|
dataSource: data,
|
|
filter: "startswith",
|
|
placeholder: "Select country...",
|
|
separator: ", "
|
|
});
|
|
});
|
|
</script>
|
|
</div>
|
|
|
|
|
|
|
|
</body>
|
|
</html>
|