Question

I’m trying to alter the extraParams in this plugin based on a user action.

var t = new $.TextboxList('#entSearch', {unique: true, plugins: {
            autocomplete: {
                minLength: 3,
                queryRemote: true, 
                placeholder: false, 
                remote: {
                    url: "{{=URL(r=request, f='call/json/suggest')}}", 
                    extraParams: {type: "", guid: ""}
                    }
                }
            }
        });

Executing the following line throws an error: autocomplete.remote is undefined

var tmp = autocomplete['remote']['extraParams']['type'];

Is there a way to access these inner properties of the plugin like I would reference them in a dict?

Answer 1

Define it as a variable so you can access it later.

var plugins = {
    autocomplete: {
        minLength: 3,
        queryRemote: true, 
        placeholder: false, 
        remote: {
            url: "{{=URL(r=request, f='call/json/suggest')}}", 
            extraParams: {type: "", guid: ""}
        }
    },
    t = new $.TextboxList('#entSearch', {unique: true, plugins: plugins});

Then you can access it as such:

var tmp = plugins.autocomplete.remote.extraParams.type;
// ... or ...
var tmp = plugins['autocomplete']['remote']['extraParams']['type'];