asp.net - Jquery UI Combobox and DropDownList -
i'm having problems jquery jquery ui combobox & asp.net
the dropdown not working or renderjavascript error "uncaught typeerror: cannot set property '_renderitem' of undefined" 'input.data("ui-autocomplete")._renderitem = function (ul, item)'
<script type="text/javascript"> (function ($) { $.widget("ui.combobox", { _create: function () { var input, = this, wasopen = false, select = this.element.hide(), selected = select.children(":selected"), value = selected.val() ? selected.text() : "", wrapper = this.wrapper = $("<span>") .addclass("ui-combobox") .insertafter(select); function removeifinvalid(element) { var value = $(element).val(), matcher = new regexp("^" + $.ui.autocomplete.escaperegex(value) + "$", "i"), valid = false; select.children("option").each(function () { if ($(this).text().match(matcher)) { this.selected = valid = true; homecoming false; } }); if (!valid) { // remove invalid value, didn't match $(element) .val("") .attr("title", value + " didn't match item") .tooltip("open"); select.val(""); settimeout(function () { input.tooltip("close").attr("title", ""); }, 2500); input.data("ui-autocomplete").term = ""; } } input = $("<input>") .appendto(wrapper) .val(value) .attr("title", "") .addclass("ui-state-default ui-combobox-input") .autocomplete({ delay: 0, minlength: 0, source: function (request, response) { var matcher = new regexp($.ui.autocomplete.escaperegex(request.term), "i"); response(select.children("option").map(function () { var text = $(this).text(); if (this.value && (!request.term || matcher.test(text))) homecoming { label: text.replace( new regexp( "(?![^&;]+;)(?!<[^<>]*)(" + $.ui.autocomplete.escaperegex(request.term) + ")(?![^<>]*>)(?![^&;]+;)", "gi" ), "<strong>$1</strong>"), value: text, option: }; })); }, select: function (event, ui) { ui.item.option.selected = true; that._trigger("selected", event, { item: ui.item.option }); }, change: function (event, ui) { if (!ui.item) { removeifinvalid(this); } } }) .addclass("ui-widget ui-widget-content ui-corner-left"); input.data("ui-autocomplete")._renderitem = function (ul, item) { homecoming $("<li>") .append("<a>" + item.label + "</a>") .appendto(ul); }; $("<a>") .attr("tabindex", -1) .attr("title", "show items") .tooltip() .appendto(wrapper) .button({ icons: { primary: "ui-icon-triangle-1-s" }, text: false }) .removeclass("ui-corner-all") .addclass("ui-corner-right ui-combobox-toggle") .mousedown(function () { wasopen = input.autocomplete("widget").is(":visible"); }) .click(function () { input.focus(); // close if visible if (wasopen) { return; } // pass empty string value search for, displaying results input.autocomplete("search", ""); }); input.tooltip({ tooltipclass: "ui-state-highlight" }); }, _destroy: function () { this.wrapper.remove(); this.element.show(); } }); })(jquery); $(function () { $("#ddl_company").combobox(); $("#toggle").click(function () { $("#ddl_company").toggle(); }); });
ui-autocomplete
key available jqueryui 1.10, seek autocomplete
instead
jquery asp.net jquery-ui combobox
No comments:
Post a Comment