2
0
mirror of https://github.com/devbridge/jQuery-Autocomplete.git synced 2025-04-11 01:41:49 +00:00

UL and LI for tags

This commit is contained in:
Vyacheslav Tsyrulnik 2015-02-19 01:51:29 +03:00
parent 4ca8fc3c5b
commit 5e769dcb39
3 changed files with 27 additions and 19 deletions

View File

@ -31,12 +31,12 @@
escapeRegExChars: function (value) { escapeRegExChars: function (value) {
return value.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&"); return value.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
}, },
createNode: function (containerClass) { createNode: function (containerClass, tagName) {
var div = document.createElement('div'); var node = document.createElement(tagName);
div.className = containerClass; node.className = containerClass;
div.style.position = 'absolute'; node.style.position = 'absolute';
div.style.display = 'none'; node.style.display = 'none';
return div; return node;
} }
}; };
}()), }()),
@ -91,7 +91,9 @@
showNoSuggestionNotice: false, showNoSuggestionNotice: false,
noSuggestionNotice: 'No results', noSuggestionNotice: 'No results',
orientation: 'bottom', orientation: 'bottom',
forceFixPosition: false forceFixPosition: false,
containerTag: 'ul',
elementTag: 'li'
}; };
// Shared variables: // Shared variables:
@ -157,7 +159,7 @@
that.noSuggestionsContainer = $('<div class="autocomplete-no-suggestion"></div>') that.noSuggestionsContainer = $('<div class="autocomplete-no-suggestion"></div>')
.html(this.options.noSuggestionNotice).get(0); .html(this.options.noSuggestionNotice).get(0);
that.suggestionsContainer = Autocomplete.utils.createNode(options.containerClass); that.suggestionsContainer = Autocomplete.utils.createNode(options.containerClass, options.tagName);
container = $(that.suggestionsContainer); container = $(that.suggestionsContainer);
@ -669,7 +671,9 @@
html += formatGroup(suggestion, value, i); html += formatGroup(suggestion, value, i);
} }
html += '<div class="' + className + '" data-index="' + i + '">' + formatResult(suggestion, value) + '</div>'; html += '<' + options.elementTag + ' class="' + className + '" data-index="' + i + '">' +
formatResult(suggestion, value) +
'</' + options.elementTag + '>';
}); });
this.adjustContainerWidth(); this.adjustContainerWidth();

File diff suppressed because one or more lines are too long

View File

@ -31,12 +31,12 @@
escapeRegExChars: function (value) { escapeRegExChars: function (value) {
return value.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&"); return value.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
}, },
createNode: function (containerClass) { createNode: function (containerClass, tagName) {
var div = document.createElement('div'); var node = document.createElement(tagName);
div.className = containerClass; node.className = containerClass;
div.style.position = 'absolute'; node.style.position = 'absolute';
div.style.display = 'none'; node.style.display = 'none';
return div; return node;
} }
}; };
}()), }()),
@ -91,7 +91,9 @@
showNoSuggestionNotice: false, showNoSuggestionNotice: false,
noSuggestionNotice: 'No results', noSuggestionNotice: 'No results',
orientation: 'bottom', orientation: 'bottom',
forceFixPosition: false forceFixPosition: false,
containerTag: 'ul',
elementTag: 'li'
}; };
// Shared variables: // Shared variables:
@ -157,7 +159,7 @@
that.noSuggestionsContainer = $('<div class="autocomplete-no-suggestion"></div>') that.noSuggestionsContainer = $('<div class="autocomplete-no-suggestion"></div>')
.html(this.options.noSuggestionNotice).get(0); .html(this.options.noSuggestionNotice).get(0);
that.suggestionsContainer = Autocomplete.utils.createNode(options.containerClass); that.suggestionsContainer = Autocomplete.utils.createNode(options.containerClass, options.tagName);
container = $(that.suggestionsContainer); container = $(that.suggestionsContainer);
@ -669,7 +671,9 @@
html += formatGroup(suggestion, value, i); html += formatGroup(suggestion, value, i);
} }
html += '<div class="' + className + '" data-index="' + i + '">' + formatResult(suggestion, value) + '</div>'; html += '<' + options.elementTag + ' class="' + className + '" data-index="' + i + '">' +
formatResult(suggestion, value) +
'</' + options.elementTag + '>';
}); });
this.adjustContainerWidth(); this.adjustContainerWidth();