The Gallery is deprecated. No new Gallery components may be submitted, and modifying existing components is disabled. For more information please read the Gallery Deprecation blog post. This is a static snapshot of the Gallery for archive purposes.
See 69 more by this user. Created: 06/2/10
Last CDN Push: 02/9/11
Build Tag: gallery-2011.02.09-21-32
Project: YUI 3
License: YUI BSD
YUI Version: 3.1.1
Free for use.
AlloyUI Live-Search Utility allow real-time filtering for DOM elements based on a input query, this utility is useful to do filter-like searches in rendered nodes based on its content.
To view all available events and configuration attributes, view the documentation.
You can create a LiveSearch in many different configurations, like so:
<script src="http://yui.yahooapis.com/3.1.1/build/yui/yui-min.js"></script>
YUI({
//Last Gallery Build of this module
gallery: 'gallery-2011.02.09-21-32',
modules: {
'gallery-aui-skin-base': {
fullpath: 'http://yui.yahooapis.com/gallery-2011.02.09-21-32/build/gallery-aui-skin-base/css/gallery-aui-skin-base-min.css',
type: 'css'
},
'gallery-aui-skin-classic': {
fullpath: 'http://yui.yahooapis.com/gallery-2011.02.09-21-32/build/gallery-aui-skin-classic/css/gallery-aui-skin-classic-min.css',
type: 'css',
requires: ['gallery-aui-skin-base']
}
}
}).use('gallery-aui-live-search', function(Y) {
// Basic LiveSearch
var liveSearch1 = new Y.LiveSearch({
input: '#input1',
nodes: '#search1 .entry'
});
// Better customization replacing the defaults data/show/hide functions
var liveSearch2 = new Y.LiveSearch({
input: '#input2',
nodes: '#search2 .entry',
data: function(node) {
// index the data based on the title attribute <div title="title value">content value</div>
return node.getAttribute('title');
},
show: function(node) {
return node.show().setAttribute('nodeStatus', 'show');
},
hide: function(node) {
if (!node.hasClass('excluded')) {
node.hide().setAttribute('nodeStatus', 'hide');
}
},
on: {
search: function(event) {
Y.log('before search');
}
},
after: {
search: function(event) {
Y.log('after search');
}
}
});
});
Subject | Author | Date |
---|---|---|
Why? | John Lindal | 06/9/10 |
Re: Why? | Murray Macchio | 06/10/10 |
Re: Why? | Murray Macchio | 06/10/10 |
Styling | Eike Hirsch | 06/11/10 |
Re: Why? | Eduardo Lundgren | 06/11/10 |
Re: Styling | Eduardo Lundgren | 06/11/10 |
Re: Why? | Murray Macchio | 06/11/10 |
Re: Why? | Eduardo Lundgren | 06/11/10 |
Re: Styling | Eike Hirsch | 06/14/10 |
Parallel thinking | Peter Peterson | 06/15/10 |
All code on this site is licensed under the BSD License unless stated otherwise.