diff options
| author | Alvin Li <liweitianux@gmail.com> | 2013-08-22 15:18:58 +0800 |
|---|---|---|
| committer | Alvin Li <liweitianux@gmail.com> | 2013-08-22 15:18:58 +0800 |
| commit | 3f1d09f3b5b86157ccf9f47eef69a065be6153a4 (patch) | |
| tree | 84d424db169cea7daff7dc2ed7e045de15ec86eb /97suifangqa/apps/indicator/static/plugins/jquery-ui/demos/autocomplete/remote-with-cache.html | |
| parent | 3ef1e03e4273544cce177ce7fa0e0ab75eded990 (diff) | |
| download | 97dev-3f1d09f3b5b86157ccf9f47eef69a065be6153a4.tar.bz2 | |
* added latest full package of 'jquery-ui' plugin, v1.10.3;
* improved 'thickbox' plugin to use 'jquery-1.9.x';
* upgraded 'SheetDefault.html', 'NewDeleteIndex.html' and other pages
to use 'jquery-1.9.x';
* improved 'IndexDesc.html' to deal with the problem of no related
annotation found;
* 'indicator.tools.get_record()' added param 'number', and updated
the format of return data;
* added 'get_num_record()' and 'get_num_record_std()' to
'indicator.tools';
* improved 'indicator.views.ajax_get_card_data_chart()',
now can get data by 'num' or by 'date';
* improved 'indicator.views.ajax_get_card_data_table()',
to provide the needed data requested from 'detail_card';
* improved js function 'chart_getdata_draw()' in 'SheetDefault.html';
* 'card_chart.js': renamed 'redraw_chart()' to
'detail_chart_getdata_draw()', and updated to get data by type;
* updated 'table' of 'detail_card' in 'SheetDefault.html';
* improved js function 'get_card_data_table()' for providing and
displaying record data in 'detail_card' table.
TODO:
* add/delete/edit record data
Diffstat (limited to '97suifangqa/apps/indicator/static/plugins/jquery-ui/demos/autocomplete/remote-with-cache.html')
| -rw-r--r-- | 97suifangqa/apps/indicator/static/plugins/jquery-ui/demos/autocomplete/remote-with-cache.html | 52 |
1 files changed, 52 insertions, 0 deletions
diff --git a/97suifangqa/apps/indicator/static/plugins/jquery-ui/demos/autocomplete/remote-with-cache.html b/97suifangqa/apps/indicator/static/plugins/jquery-ui/demos/autocomplete/remote-with-cache.html new file mode 100644 index 0000000..b47608d --- /dev/null +++ b/97suifangqa/apps/indicator/static/plugins/jquery-ui/demos/autocomplete/remote-with-cache.html @@ -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/jquery.ui.all.css"> + <script src="../../jquery-1.9.1.js"></script> + <script src="../../ui/jquery.ui.core.js"></script> + <script src="../../ui/jquery.ui.widget.js"></script> + <script src="../../ui/jquery.ui.position.js"></script> + <script src="../../ui/jquery.ui.menu.js"></script> + <script src="../../ui/jquery.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> |