mirror of
https://github.com/gosticks/DefinitelyTyped.git
synced 2025-10-16 12:05:41 +00:00
Add Select2 definitions and tests
This commit is contained in:
Boris Yankov
parent
8696ce11f8
commit
9e499b18c9
@ -50,6 +50,7 @@ Complete
|
||||
* [Raphael](http://raphaeljs.com/) (by [CheCoxshall](https://github.com/CheCoxshall))
|
||||
* [require.js](http://requirejs.org/) (by [Josh Baldwin](https://github.com/jbaldwin/))
|
||||
* [Sammy.js](http://sammyjs.org/) (by [Boris Yankov](https://github.com/borisyankov))
|
||||
* [Select2](http://ivaynberg.github.com/select2/) (by [Boris Yankov](https://github.com/borisyankov))
|
||||
* [SignalR](http://www.asp.net/signalr) (by [Boris Yankov](https://github.com/borisyankov))
|
||||
* [SoundJS](http://www.createjs.com/#!/SoundJS) (by [Pedro Ferreira](https://bitbucket.org/drk4))
|
||||
* [Spin](http://fgnass.github.com/spin.js/) (by [Boris Yankov](https://github.com/borisyankov))
|
||||
|
||||
79
select2/select2-3.2.d.ts
vendored
Normal file
79
select2/select2-3.2.d.ts
vendored
Normal file
@ -0,0 +1,79 @@
|
||||
// Type definitions for Select2 3.2
|
||||
// Project: http://ivaynberg.github.com/select2/
|
||||
// Definitions by: Boris Yankov <https://github.com/borisyankov/>
|
||||
// Definitions: https://github.com/borisyankov/DefinitelyTyped
|
||||
|
||||
|
||||
/// <reference path="../jquery/jquery-1.8.d.ts"/>
|
||||
|
||||
interface Select2QueryOptions {
|
||||
term?: string;
|
||||
page?: number;
|
||||
context?: any;
|
||||
callback?: (result: { results: any; more: bool; context: any; }) => void;
|
||||
}
|
||||
|
||||
interface AjaxFunction {
|
||||
(settings: JQueryAjaxSettings): JQueryXHR;
|
||||
(url: string, settings?: JQueryAjaxSettings): JQueryXHR;
|
||||
}
|
||||
|
||||
interface Select2AjaxOptions {
|
||||
transport?: AjaxFunction;
|
||||
url?: string;
|
||||
dataType?: string;
|
||||
quietMillis?: number;
|
||||
data?: (term: string, page: number, context: any) => any;
|
||||
results?: (term: any, page: number, context: any) => any;
|
||||
}
|
||||
|
||||
interface IdTextPair {
|
||||
id: any;
|
||||
text: string;
|
||||
}
|
||||
|
||||
interface Select2Options {
|
||||
width?: string;
|
||||
minimumInputLength?: number;
|
||||
minimumResultsForSearch?: number;
|
||||
maximumSelectionSize?: number;
|
||||
placeholder?: string;
|
||||
separator?: string;
|
||||
allowClear?: bool;
|
||||
multiple?: bool;
|
||||
closeOnSelect?: bool;
|
||||
openOnEnter?: bool;
|
||||
id?: (object: any) => string;
|
||||
matcher?: (term: string, text: string, option: JQuery) => bool;
|
||||
formatSelection?: (object: any, container: JQuery) => string;
|
||||
formatResult?: (object: any, container: JQuery, query: any) => string;
|
||||
formatResultCssClass?: (object: any) => string;
|
||||
formatNoMatches?: (term: string) => string;
|
||||
formatSearching?: () => string;
|
||||
formatInputTooShort?: (term: string, minLength: number) => string;
|
||||
formatSelectionTooBig?: (maxSize: number) => string;
|
||||
formatLoadMore?: (pageNumber: number) => string;
|
||||
createSearchChoice?: (term: string, data: any) => any;
|
||||
initSelection?: (element: JQuery, callback: (data: any) => void ) => void;
|
||||
tokenizer?: (input: string, selection: any[], selectCallback: () => void , options: Select2Options) => string;
|
||||
tokenSeparators?: string[];
|
||||
query?: (options: Select2QueryOptions) => void;
|
||||
ajax?: Select2AjaxOptions;
|
||||
data?: any;
|
||||
tags?: any;
|
||||
containerCss?: any;
|
||||
containerCssClass?: any;
|
||||
dropdownCss?: any;
|
||||
dropdownCssClass?: any;
|
||||
escapeMarkup?: (markup: string) => string;
|
||||
}
|
||||
|
||||
interface JQuery {
|
||||
select2(): JQuery;
|
||||
select2(it: IdTextPair): JQuery;
|
||||
select2(options: Select2Options): JQuery;
|
||||
select2(method: string, something: string): JQuery;
|
||||
select2(method: string, something: string[]): JQuery;
|
||||
select2(method: string, something: IdTextPair[]): JQuery;
|
||||
select2(method: string, options: IdTextPair): JQuery;
|
||||
}
|
||||
164
select2/select2-tests.ts
Normal file
164
select2/select2-tests.ts
Normal file
@ -0,0 +1,164 @@
|
||||
/// <reference path="../jquery/jquery-1.8.d.ts" />
|
||||
/// <reference path="select2-3.2.d.ts" />
|
||||
|
||||
$("#e9").select2();
|
||||
$("#e2").select2({
|
||||
placeholder: "Select a State",
|
||||
allowClear: true
|
||||
});
|
||||
$("#e2_2").select2({
|
||||
placeholder: "Select a State"
|
||||
});
|
||||
$("#e3").select2({
|
||||
minimumInputLength: 2
|
||||
});
|
||||
function format(state) {
|
||||
if (!state.id) return state.text;
|
||||
return "<img class='flag' src='images/flags/" + state.id.toLowerCase() + ".png'/>" + state.text;
|
||||
}
|
||||
$("#e4").select2({
|
||||
formatResult: format,
|
||||
formatSelection: format
|
||||
});
|
||||
$("#e5").select2({
|
||||
minimumInputLength: 1,
|
||||
query: function (query) {
|
||||
var data = { results: [] }, i, j, s;
|
||||
for (i = 1; i < 5; i++) {
|
||||
s = "";
|
||||
for (j = 0; j < i; j++) { s = s + query.term; }
|
||||
data.results.push({ id: query.term + i, text: s });
|
||||
}
|
||||
}
|
||||
});
|
||||
$("#e19").select2({ maximumSelectionSize: 3 });
|
||||
$("#e10").select2({
|
||||
data: [{ id: 0, text: 'enhancement' }, { id: 1, text: 'bug' }, { id: 2, text: 'duplicate' }, { id: 3, text: 'invalid' }, { id: 4, text: 'wontfix' }]
|
||||
});
|
||||
|
||||
var data = [{ id: 0, tag: 'enhancement' }, { id: 1, tag: 'bug' }, { id: 2, tag: 'duplicate' }, { id: 3, tag: 'invalid' }, { id: 4, tag: 'wontfix' }];
|
||||
|
||||
$("#e10_2").select2({
|
||||
data: { results: data, text: 'tag' },
|
||||
formatSelection: format,
|
||||
formatResult: format
|
||||
});
|
||||
|
||||
$("#e10_3").select2({
|
||||
data: { results: data, text: function (item) { console.log('called with', item); return item.tag; } },
|
||||
formatSelection: format,
|
||||
formatResult: format
|
||||
});
|
||||
var movieFormatResult, movieFormatSelection;
|
||||
$("#e6").select2({
|
||||
placeholder: "Search for a movie",
|
||||
minimumInputLength: 1,
|
||||
ajax: {
|
||||
url: "http://api.rottentomatoes.com/api/public/v1.0/movies.json",
|
||||
dataType: 'jsonp',
|
||||
data: function (term, page) {
|
||||
return {
|
||||
q: term,
|
||||
page_limit: 10,
|
||||
apikey: "ju6z9mjyajq2djue3gbvv26t"
|
||||
};
|
||||
},
|
||||
results: function (data, page) {
|
||||
return { results: data.movies };
|
||||
}
|
||||
},
|
||||
formatResult: movieFormatResult,
|
||||
formatSelection: movieFormatSelection,
|
||||
dropdownCssClass: "bigdrop"
|
||||
});
|
||||
$("#e7").select2({
|
||||
placeholder: "Search for a movie",
|
||||
minimumInputLength: 3,
|
||||
ajax: {
|
||||
url: "http://api.rottentomatoes.com/api/public/v1.0/movies.json",
|
||||
dataType: 'jsonp',
|
||||
quietMillis: 100,
|
||||
data: function (term, page) {
|
||||
return {
|
||||
q: term,
|
||||
page_limit: 10,
|
||||
page: page,
|
||||
apikey: "ju6z9mjyajq2djue3gbvv26t"
|
||||
};
|
||||
},
|
||||
results: function (data, page) {
|
||||
var more = (page * 10) < data.total;
|
||||
return { results: data.movies, more: more };
|
||||
}
|
||||
},
|
||||
formatResult: movieFormatResult,
|
||||
formatSelection: movieFormatSelection,
|
||||
dropdownCssClass: "bigdrop"
|
||||
});
|
||||
|
||||
$("#e8").select2();
|
||||
$("#e8_get").click(function () { alert("Selected value is: " + $("#e8").select2("val")); });
|
||||
$("#e8_set").click(function () { $("#e8").select2("val", "CA"); });
|
||||
$("#e8_cl").click(function () { $("#e8").select2("val", ""); });
|
||||
$("#e8_get2").click(function () { alert("Selected data is: " + JSON.stringify($("#e8").select2("data"))); });
|
||||
$("#e8_set2").click(function () { $("#e8").select2("data", { id: "CA", text: "California" }); });
|
||||
$("#e8_open").click(function () { $("#e8").select2("open"); });
|
||||
$("#e8_close").click(function () { $("#e8").select2("close"); });
|
||||
$("#e8_2").select2();
|
||||
$("#e8_2_get").click(function () { alert("Selected value is: " + $("#e8_2").select2("val")); });
|
||||
$("#e8_2_set").click(function () { $("#e8_2").select2("val", ["CA", "MA"]); });
|
||||
$("#e8_2_get2").click(function () { alert("Selected value is: " + JSON.stringify($("#e8_2").select2("data"))); });
|
||||
$("#e8_2_set2").click(function () { $("#e8_2").select2("data", [{ id: "CA", text: "California" }, { id: "MA", text: "Massachusetts" }]); });
|
||||
$("#e8_2_cl").click(function () { $("#e8_2").select2("val", ""); });
|
||||
$("#e8_2_open").click(function () { $("#e8_2").select2("open"); });
|
||||
$("#e8_2_close").click(function () { $("#e8_2").select2("close"); });
|
||||
$("#e11").select2({
|
||||
placeholder: "Select report type",
|
||||
allowClear: true,
|
||||
data: [{ id: 0, text: 'story' }, { id: 1, text: 'bug' }, { id: 2, text: 'task' }]
|
||||
});
|
||||
$("#e11_2").select2({
|
||||
createSearchChoice: function (term, data) { if ($(data).filter(function () { return this.text.localeCompare(term) === 0; }).length === 0) { return { id: term, text: term }; } },
|
||||
multiple: true,
|
||||
data: [{ id: 0, text: 'story' }, { id: 1, text: 'bug' }, { id: 2, text: 'task' }]
|
||||
});
|
||||
function log(e) {
|
||||
var e = $("<li>" + e + "</li>");
|
||||
$("#events_11").append(e);
|
||||
e.animate({ opacity: 1 }, 10000, 'linear', function () { e.animate({ opacity: 0 }, 2000, 'linear', function () { e.remove(); }); });
|
||||
}
|
||||
$("#e11")
|
||||
.on("change", function (e) { log(JSON.stringify({ val: e.val, added: e.added, removed: e.removed })); })
|
||||
.on("open", function () { log("open"); });
|
||||
$("#e11_2")
|
||||
.on("change", function (e) { log(JSON.stringify({ val: e.val, added: e.added, removed: e.removed })); })
|
||||
.on("open", function () { log("open"); });
|
||||
$("#e12").select2({ tags: ["red", "green", "blue"] });
|
||||
$("#e20").select2({
|
||||
tags: ["red", "green", "blue"],
|
||||
tokenSeparators: [",", " "]
|
||||
});
|
||||
$("#e13").select2();
|
||||
$("#e13_ca").click(function () { $("#e13").val("CA").trigger("change"); });
|
||||
$("#e13_ak_co").click(function () { $("#e13").val(["AK", "CO"]).trigger("change"); });
|
||||
$("#e14").val(["AL", "AZ"]).select2();
|
||||
$("#e14_init").click(function () { $("#e14").select2(); });
|
||||
$("#e14_destroy").click(function () { $("#e14").select2("destroy"); });
|
||||
$("#e15").select2({ tags: ["red", "green", "blue", "orange", "white", "black", "purple", "cyan", "teal"] });
|
||||
$("#e15").on("change", function () { $("#e15_val").html($("#e15").val()); });
|
||||
|
||||
$("#e16").select2();
|
||||
$("#e16_2").select2();
|
||||
$("#e16_enable").click(function () { $("#e16,#e16_2").select2("enable"); });
|
||||
$("#e16_disable").click(function () { $("#e16,#e16_2").select2("disable"); });
|
||||
$("#e17").select2({
|
||||
matcher: function (term, text) { return text.toUpperCase().indexOf(term.toUpperCase()) == 0; }
|
||||
});
|
||||
$("#e17_2").select2({
|
||||
matcher: function (term, text, opt) {
|
||||
return text.toUpperCase().indexOf(term.toUpperCase()) >= 0
|
||||
|| opt.attr("alt").toUpperCase().indexOf(term.toUpperCase()) >= 0;
|
||||
}
|
||||
});
|
||||
$("#e18,#e18_2").select2();
|
||||
alert("Selected value is: " + $("#e8").select2("val")); $("#e8").select2("val", { id: "CA", text: "Califoria" });
|
||||
Loading…
Reference in New Issue
Block a user