1
0
mirror of synced 2025-02-09 16:49:24 +03:00

When not showing search box, up/down arrows and searching still work.

- The hidden search box is displayed off-screen instead of taken off the dom.
- User can type a search, but instead of filtering the results, just highlight the first matching result.

Signed-off-by: Igor Vaynberg <igor.vaynberg@gmail.com>
This commit is contained in:
Adam Solove 2012-06-07 17:14:46 -04:00 committed by Igor Vaynberg
parent 4ba25b8095
commit ec759ac809
2 changed files with 27 additions and 2 deletions

View File

@ -144,6 +144,12 @@ Version: @@ver@@ Timestamp: @@timestamp@@
padding-right: 4px;
}
.select2-container .select2-hide-search {
display: block;
position: absolute;
left: -10000px;
}
.select2-container .select2-search input {
background: #fff url('select2.png') no-repeat 100% -22px;
background: url('select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));

View File

@ -735,6 +735,25 @@
var parts = [], // html parts
def; // default choice
// If we aren't showing the search input, do not filter items
// but do highlight an item matching current search
if(initial !== true && !this.showSearchInput){
if(data.results.length > 0){
var key = data.results[0].id,
self = this;
this.results.find("li").each(function(i, li){
if($(li).data("select2-data").id == key){
self.highlight(i);
return false;
}
});
} else {
// if the search doesn't match, reset so user can search again
search.val("");
}
return;
}
// create a default choice and prepend it to the list
if (this.opts.createSearchChoice && search.val() !== "") {
def = this.opts.createSearchChoice.call(null, search.val(), data.results);
@ -1022,8 +1041,8 @@
// hide the search box if this is the first we got the results and there are a few of them
if (initial === true) {
showSearchInput = data.results.length >= this.opts.minimumResultsForSearch;
this.search.parent().toggle(showSearchInput);
showSearchInput = this.showSearchInput = data.results.length >= this.opts.minimumResultsForSearch;
this.search.parent()[showSearchInput ? "removeClass" : "addClass"]("select2-hide-search");
//add "select2-with-searchbox" to the container if search box is shown
this.container[showSearchInput ? "addClass" : "removeClass"]("select2-with-searchbox");