Change Selectize load url parameters

Question

selectize({
        valueField: 'Id',
        labelField: 'Name',
        searchField: 'Name',
        load: function (query, callback) {
            $.ajax({
                url: '/some_url/params?SOME_ID=4&keyword=' + encodeURIComponent(query),
                success: function (response) {}
            });
        }
    });

in the above snippet, is it possible to change the value of SOME_ID in request params based on some event
without destroying are re initializing the whole input ?
thanks in advance

the only solution i found was to destroy and re initialize the input, but am looking for a better approach

Phil · Accepted Answer · 2024-03-04 00:52:25Z

0

Try storing the value in a suitably scoped variable.

Since the load function is called for each search, it will be evaluated correctly.

For example

const selectizeQueryParams = {
  SOME_ID: 4, // initial value
};

document.addEventListener('some-event', (e) => {
  selectizeQueryParams.SOME_ID = 'newValue';
});

// ...

selectize({
  valueField: 'Id',
  labelField: 'Name',
  searchField: 'Name',
  load: function (keyword, callback) {
    $.get('/some_url/params', {
      ...selectizeQueryParams,
      keyword, // 👈 jQuery automatically encodes params when passed as an object
    }).done(function (response) {});
  },
});

answered Mar 4, 2024 at 0:52

Phil

166k25 gold badges265 silver badges269 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

YousefBelal Over a year ago

thanks for this idea, it really saved me a headache

Collectives™ on Stack Overflow

Change Selectize load url parameters

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related