RetailCRM-Mirror/select2
1
0
Fork 0
mirror of synced 2024-11-23 05:26:10 +03:00
Code Issues Projects Releases Wiki Activity

Merge pull request #503 from todd-givainc/master

Browse Source 
Feature: Locked Items
This commit is contained in:
Igor Vaynberg 2012-10-24 13:48:46 -07:00
commit 4a363c4b30
2 changed files with 33 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
select2.css
View File

@ -410,6 +410,10 @@ disabled look for already selected choices in the results dropdown
background-image: linear-gradient(top, #eeeeee 1%, #ffffff 15%); background-image: linear-gradient(top, #eeeeee 1%, #ffffff 15%);
} }
.select2-locked {
padding: 3px 5px 3px 5px !important;
}
.select2-container-multi .select2-choices { .select2-container-multi .select2-choices {
min-height: 26px; min-height: 26px;
} }

50
select2.js
View File

@ -1838,7 +1838,7 @@ the specific language governing permissions and limitations under the Apache Lic
return; return;
} }
choices = selection.find(".select2-search-choice"); choices = selection.find(".select2-search-choice:not(.select2-locked)");
if (choices.length > 0) { if (choices.length > 0) {
choices.last().addClass("select2-search-choice-focus"); choices.last().addClass("select2-search-choice-focus");
} }
@ -2069,38 +2069,46 @@ the specific language governing permissions and limitations under the Apache Lic
this.focusSearch(); this.focusSearch();
}, },
// multi
addSelectedChoice: function (data) { addSelectedChoice: function (data) {
var choice=$( var enableChoice = !data.locked,
enabledItem = $(
"<li class='select2-search-choice'>" + "<li class='select2-search-choice'>" +
" <div></div>" + " <div></div>" +
" <a href='javascript:void(0)' onclick='return false;' class='select2-search-choice-close' tabindex='-1'></a>" + " <a href='#' onclick='return false;' class='select2-search-choice-close' tabindex='-1'></a>" +
"</li>"), "</li>"),
disabledItem = $(
"<li class='select2-search-choice select2-locked'>" +
"<div></div>" +
"</li>");
var choice = enableChoice ? enabledItem : disabledItem,
id = this.id(data), id = this.id(data),
val = this.getVal(), val = this.getVal(),
formatted; formatted;
formatted=this.opts.formatSelection(data, choice.find("div")); formatted=this.opts.formatSelection(data, choice.find("div"));
if (formatted != undefined) { if (formatted != undefined) {
choice.find("div").replaceWith("<div>"+this.opts.escapeMarkup(formatted)+"</div>"); choice.find("div").replaceWith("<div>"+this.opts.escapeMarkup(formatted)+"</div>");
} }
choice.find(".select2-search-choice-close")
.bind("mousedown", killEvent)
.bind("click dblclick", this.bind(function (e) {
if (!this.enabled) return;
$(e.target).closest(".select2-search-choice").fadeOut('fast', this.bind(function(){ if(enableChoice){
this.unselect($(e.target)); choice.find(".select2-search-choice-close")
this.selection.find(".select2-search-choice-focus").removeClass("select2-search-choice-focus"); .bind("mousedown", killEvent)
this.close(); .bind("click dblclick", this.bind(function (e) {
this.focusSearch(); if (!this.enabled) return;
})).dequeue();
killEvent(e); $(e.target).closest(".select2-search-choice").fadeOut('fast', this.bind(function(){
})).bind("focus", this.bind(function () { this.unselect($(e.target));
if (!this.enabled) return; this.selection.find(".select2-search-choice-focus").removeClass("select2-search-choice-focus");
this.container.addClass("select2-container-active"); this.close();
this.dropdown.addClass("select2-drop-active"); this.focusSearch();
})); })).dequeue();
killEvent(e);
})).bind("focus", this.bind(function () {
if (!this.enabled) return;
this.container.addClass("select2-container-active");
this.dropdown.addClass("select2-drop-active");
}));
}
choice.data("select2-data", data); choice.data("select2-data", data);
choice.insertBefore(this.searchContainer); choice.insertBefore(this.searchContainer);