lsm/Orchard
1
0
Fork 0
mirror of https://github.com/OrchardCMS/Orchard.git synced 2026-02-09 09:16:41 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Refactored tokens dropdown implementation.

Browse Source 
Textboxes can now have the tokens dropdown attached ad-hoc by using $(selector).tokenized() method. Previously it only happened at page load, making it impossible to attach tokens dropdown to textboxes created at runtime.
This commit is contained in:
Piotr Szmyd
2015-01-29 19:55:23 +01:00
parent 7d462819bc
commit 2acd73c18d
1 changed files with 29 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
src/Orchard.Web/Modules/Orchard.Tokens/Scripts/orchard-tokens-admin.js
View File

@@ -25,15 +25,27 @@
}
});
jQuery(function ($) {
jQuery.fn.extend({
tokenized : function () {
return $(this).each(function () {
var _this = $(this);
// provide autocomplete behavior to tokenized inputs
// tokensUrl is initialized from the view
$.get(tokensUrl, function (data) {
$('.tokenized')
.autocomplete({
// add an icon to tokenized inputs
_this.wrap('<span class="token-wrapper"></span>');
var popup = $('<div><span class="tokenized-popup">&nbsp;</span></div>')
_this.parent().prepend(popup);
// show the full list of tokens when the icon is clicked
popup.children('.tokenized-popup').click(function () {
var input = $(this).parent().next();
// pass empty string as value to search for, displaying all results
input.autocomplete("search", "");
input.focus();
});
$(this).autocomplete({
minLength: 0,
source: data,
source: $.tokens,
select: function (event, ui) {
$(this).insertAtCaret(ui.item.value);
return false;
@@ -50,18 +62,18 @@ jQuery(function ($) {
.appendTo(ul);
};
});
});
});
},
});
// add an icon to tokenized inputs
$('.tokenized').wrap('<span class="token-wrapper"></span>');
$(function() {
$('.token-wrapper').prepend('<div><span class="tokenized-popup">&nbsp;</span></div>');
$.tokens = {};
// show the full list of tokens when the icon is clicked
$('.tokenized-popup').click(function () {
var input = $(this).parent().next();
// pass empty string as value to search for, displaying all results
input.autocomplete("search", "");
input.focus();
// provide autocomplete behavior to tokenized inputs
// tokensUrl is initialized from the view
$.get(tokensUrl, function (data) {
$.tokens = data;
$('.tokenized').tokenized();
});
});