Adds an additional parameter roundtripValue to function data.
Enables a stored value, which can be passed by the function 'result' to the next call of the function 'data'. This is a solution for issue #72 Example: data: function (term, page, roundtripValue) { var options = { q: term, limit: 5, }; if (typeof(roundtripValue) !== 'undefined' && roundtripValue != null) { options['continuation_handle'] = roundtripValue; } return options; }, results: function (data, page) { var roundtripValue = data.continuation_handle; var more = typeof(roundtripValue) !== 'undefined'; return {results: data.results, more: more, roundtripValue: roundtripValue}; }, Signed-off-by: Igor Vaynberg <igor.vaynberg@gmail.com>
This commit is contained in:
parent
cb7f1da4e6
commit
0d98ea03af
21
select2.js
21
select2.js
@ -202,7 +202,7 @@
|
|||||||
* @param options object containing configuration paramters
|
* @param options object containing configuration paramters
|
||||||
* @param options.transport function that will be used to execute the ajax request. must be compatible with parameters supported by $.ajax
|
* @param options.transport function that will be used to execute the ajax request. must be compatible with parameters supported by $.ajax
|
||||||
* @param options.url url for the data
|
* @param options.url url for the data
|
||||||
* @param options.data a function(searchTerm, pageNumber) that should return an object containing query string parameters for the above url.
|
* @param options.data a function(searchTerm, pageNumber, roundtripValue) that should return an object containing query string parameters for the above url.
|
||||||
* @param options.dataType request data type: ajax, jsonp, other datatatypes supported by jQuery's $.ajax function or the transport function if specified
|
* @param options.dataType request data type: ajax, jsonp, other datatatypes supported by jQuery's $.ajax function or the transport function if specified
|
||||||
* @param options.quietMillis (optional) milliseconds to wait before making the ajaxRequest, helps debounce the ajax function if invoked too often
|
* @param options.quietMillis (optional) milliseconds to wait before making the ajaxRequest, helps debounce the ajax function if invoked too often
|
||||||
* @param options.results a function(remoteData, pageNumber) that converts data returned form the remote request to the format expected by Select2.
|
* @param options.results a function(remoteData, pageNumber) that converts data returned form the remote request to the format expected by Select2.
|
||||||
@ -225,7 +225,7 @@
|
|||||||
data = options.data, // ajax data function
|
data = options.data, // ajax data function
|
||||||
transport = options.transport || $.ajax;
|
transport = options.transport || $.ajax;
|
||||||
|
|
||||||
data = data.call(this, query.term, query.page);
|
data = data.call(this, query.term, query.page, query.roundtripValue);
|
||||||
|
|
||||||
if( null !== handler){
|
if( null !== handler){
|
||||||
handler.abort();
|
handler.abort();
|
||||||
@ -239,7 +239,9 @@
|
|||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
// TODO 3.0 - replace query.page with query so users have access to term, page, etc.
|
// TODO 3.0 - replace query.page with query so users have access to term, page, etc.
|
||||||
query.callback(options.results(data, query.page));
|
var results = options.results(data, query.page);
|
||||||
|
self.resultsRoundtripValue = results['roundtripValue'];
|
||||||
|
query.callback(results);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}, quietMillis);
|
}, quietMillis);
|
||||||
@ -375,6 +377,7 @@
|
|||||||
this.search = search = this.container.find("input[type=text]");
|
this.search = search = this.container.find("input[type=text]");
|
||||||
|
|
||||||
this.resultsPage = 0;
|
this.resultsPage = 0;
|
||||||
|
this.resultsRoundtripValue = null;
|
||||||
|
|
||||||
// initialize the container
|
// initialize the container
|
||||||
this.initContainer();
|
this.initContainer();
|
||||||
@ -645,7 +648,11 @@
|
|||||||
|
|
||||||
if (below <= 0) {
|
if (below <= 0) {
|
||||||
more.addClass("select2-active");
|
more.addClass("select2-active");
|
||||||
this.opts.query({term: this.search.val(), page: page, callback: this.bind(function (data) {
|
this.opts.query({
|
||||||
|
term: this.search.val(),
|
||||||
|
page: page,
|
||||||
|
roundtripValue: self.resultsRoundtripValue,
|
||||||
|
callback: this.bind(function (data) {
|
||||||
var parts = [], self = this;
|
var parts = [], self = this;
|
||||||
$(data.results).each(function () {
|
$(data.results).each(function () {
|
||||||
parts.push("<li class='select2-result'>");
|
parts.push("<li class='select2-result'>");
|
||||||
@ -691,7 +698,11 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
this.resultsPage = 1;
|
this.resultsPage = 1;
|
||||||
opts.query({term: search.val(), page: this.resultsPage, callback: this.bind(function (data) {
|
opts.query({
|
||||||
|
term: search.val(),
|
||||||
|
page: this.resultsPage,
|
||||||
|
roundtripValue: null,
|
||||||
|
callback: this.bind(function (data) {
|
||||||
var parts = [], // html parts
|
var parts = [], // html parts
|
||||||
def; // default choice
|
def; // default choice
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user