$.ui is undefined in adobe brackets

Question

I am trying to write autocomplete control using jquery ui for dialog model(using Mustache to render the model dialog) for brackets plugin.

like this.

function bindSelect() {
        var tags = ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby"];
        $("#mySelectDropDown").autocomplete({
            source: function (request, response) {
                var matcher = new RegExp("^" + $.ui.autocomplete.escapeRegex(request.term), "i");
                response($.grep(tags, function (item) {
                    return matcher.test(item);
                }));
            }
        });
}

but i am getting the error $.ui is undefined. Seems adobe brackets dialog unable to find $.ui api. Because the same code is working fine in other place apart from dialog window.

Thanks in advance

score 0 · Accepted Answer · answered Aug 08 '14 at 18:49

Brackets doesn't use jQuery UI, so it's not included in the runtime environment. You could add it to your extension and load it when your extension loads, but then it'll be plugged into jQuery globally throughout Brackets -- so please test to make sure jQuery UI doesn't interfere with any other parts of Brackets.

Or as an alternative, you could wait until the QuickSearchField widget lands in Brackets core, then just use that instead. The API is a little different (and perhaps a bit less compact), but the overall principle works exactly the same as what your code is doing above -- you have a provider that is given the string the user typed, and returns a list of items to show in the dropdown.

Thanks a lot for such kind or information. I also want to contribute in this... what i need to do? — Ashish Yadav, Aug 09 '14 at 08:22

$.ui is undefined in adobe brackets

1 Answers1