mirror of
https://github.com/tuxis-ie/nsedit.git
synced 2025-07-11 17:53:59 +03:00
Squashed 'jquery-ui/' content from commit 77ff328
git-subtree-dir: jquery-ui git-subtree-split: 77ff328cbe8a662f52178020d202dc1bfb560fd8
This commit is contained in:
commit
7f7c9b378f
629 changed files with 341074 additions and 0 deletions
demos/autocomplete
52
demos/autocomplete/remote-with-cache.html
Normal file
52
demos/autocomplete/remote-with-cache.html
Normal file
|
@ -0,0 +1,52 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>jQuery UI Autocomplete - Remote with caching</title>
|
||||
<link rel="stylesheet" href="../../themes/base/all.css">
|
||||
<script src="../../external/jquery/jquery.js"></script>
|
||||
<script src="../../ui/core.js"></script>
|
||||
<script src="../../ui/widget.js"></script>
|
||||
<script src="../../ui/position.js"></script>
|
||||
<script src="../../ui/menu.js"></script>
|
||||
<script src="../../ui/autocomplete.js"></script>
|
||||
<link rel="stylesheet" href="../demos.css">
|
||||
<style>
|
||||
.ui-autocomplete-loading {
|
||||
background: white url("images/ui-anim_basic_16x16.gif") right center no-repeat;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
$(function() {
|
||||
var cache = {};
|
||||
$( "#birds" ).autocomplete({
|
||||
minLength: 2,
|
||||
source: function( request, response ) {
|
||||
var term = request.term;
|
||||
if ( term in cache ) {
|
||||
response( cache[ term ] );
|
||||
return;
|
||||
}
|
||||
|
||||
$.getJSON( "search.php", request, function( data, status, xhr ) {
|
||||
cache[ term ] = data;
|
||||
response( data );
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="ui-widget">
|
||||
<label for="birds">Birds: </label>
|
||||
<input id="birds">
|
||||
</div>
|
||||
|
||||
<div class="demo-description">
|
||||
<p>The Autocomplete widgets provides suggestions while you type into the field. Here the suggestions are bird names, displayed when at least two characters are entered into the field.</p>
|
||||
<p>Similar to the remote datasource demo, though this adds some local caching to improve performance. The cache here saves just one query, and could be extended to cache multiple values, one for each term.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
Loading…
Add table
Add a link
Reference in a new issue