Searching for server-side choices in a combo box

When setting options for the webix combo widget as a URL, I noticed that it triggers server-side filtering:

webix.ui({
  rows:[
    { 
      view:"combo", 
      options:"https://api.myjson.com/bins/c81ir" // test link
    }
  ]
});

The URL returns static JSON data. However, in my case, the server-side filtering does not have any effect.

Is there a way to avoid this behavior, or should I consider loading the options using a separate AJAX call?

Answer №1

For some unknown reason, when utilizing a suggested URL, it appears to exhibit the expected behavior:

webix.ui({
  view:"combo",
  suggest: {
    url: "https://api.myjson.com/bins/c81ir" 
  }
});

Snippet :

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Tips on saving stimulsoft report js onto a server using Angular

I am working on a report designer component and have assigned a method to the onSaveReport event. However, I am encountering an issue where the member of my component is showing as undefined. options: any; designer: any; public document: Report ...

Attempting to enable horizontal scrolling with scrollTo

I am currently struggling with implementing the jQuery scrollTo plugin to work in a horizontal manner. To demonstrate the issue, I have created a jsfiddle for reference. http://jsfiddle.net/P9B5y/15/ Initially, the page displays images (img 1, img 2, etc ...

Preserve data on page even after refreshing in Angular

Upon opening my website, I expect to see "Finance/voucher" at the top. However, after refreshing the page, only "Finance" appears which is not what I want. I need it to always display "Finance/voucher" even after a page refresh. I have included all the r ...

When using $.getJSON and $.ajax, the expected JSON object is not being returned

Currently, I am taking on the "local weather" front-end development challenge on freecodecamp.com. However, I'm facing some challenges when it comes to making an API call to fetch weather data from various weather APIs. This particular task requires r ...

Error: Attempting to access the text content of a null object

I recently followed a tutorial on text reveal animation and attempted to implement it in Next.Js. Unfortunately, I encountered an error message stating "TypeError: Cannot read properties of null (reading 'textContent')". Here is the video tutori ...

The challenge of handling success and error messages in Ajax with HTML

I encountered an issue with this concrete problem. My goal is to dynamically display a message within a specific div based on the response from my ajax request. I have set up two divs with IDs #uploadResponsesuccess and #uploadResponseerror. However, since ...

Tips for re-establishing event listeners on elements after a page transition

As a developer working with vuejs and laravel, my task is to retain the original design and animations provided by the designer without making any changes. However, when I incorporate vue.js into the template and alter the route, I find that the entire pa ...

Schema-specific conditions for JSON data

I have been experimenting with the if-then-else statement in JSON, but I am encountering some issues with it. { "type": "object", "minProperties": 2, "maxProperties": 2, "properties": { "human": { "enum": [ "Kids", "Ad ...

Using the find() function in Mongoose allows the use of a variable as a model

Would it be feasible to employ a variable in place of the model name when using the find() function in mongoose? For instance, if my website is capable of displaying photos and videos based on the last part of the URL, which could be either /photo or /vide ...

Update the useState value whenever I input something into the input field

I am currently working on this code snippet Whenever I make a change to my input, I want the state to change accordingly, which will update the URL However, every time this happens, an error is displayed Is there an alternative for onKeyPress that actua ...

Handling unauthorized responses in Vue.js using axios interceptor

When checking my console, I noticed the following error: Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'message') at eval. Below is a snippet from my axios.js file: axiosIns.interceptors.response.use( response =& ...

Navigating through express.js async routing and managing errors

I am trying to streamline my route handling process by integrating error handling as middleware for my async function. Below is my current implementation: router.get( "/", asyncMiddleware( routeProviderMiddleware( async ({ y }) => ({ ...

Is the order of execution of extraReducers before or after the reducers?

I was curious about the createSlice function in redux-toolkit and how it handles the order of execution for extraReducers compared to reducers. Can we determine if the extraReducers are executed before or after the reducers, or is the order indeterminate? ...

Problem with Jquery show/hide feature only resolved after refreshing the page

I built a checkout page that consists of three fieldsets with unique IDs - 1, 2, and 3. I want the page to initially display only fieldset 1 while hiding fieldsets 2 and 3. Here is the jQuery code I used: $(document).ready(function(){ $("#1").show(); ...

Is Canvas.toDataURL functionality disabled on Safari iOS for mobile devices?

I experimented with various methods to display SVG images on a canvas and export them as PNG. While it worked seamlessly on Android, Chrome, Safari, and Firefox, I encountered an issue with mobile Safari on iOS when using canvas.toDataUrl() with SVG images ...

The sole focus is on the animation within the div

Is it possible to have a circle animation within a button without overlapping it? Check out my code on this fiddle. $(document).ready(function(){ $('button').on("mouseup",function(){ $('#mousemark').removeClass("c ...

What could be the reason for the GET method being executed after the DELETE method in ExpressJS?

Whenever I trigger the DELETE method in my Express app, it seems that the GET method is automatically invoked right after. This results in an error within my Angular code stating that it expects an object but receives an array instead. Why is the GET meth ...

"Learn how to clear an input field using jQuery with this simple guide

I've gone through a few discussions, such as this one and that one, but I'm still struggling to clear the input field after submission. What is the simplest way to achieve this? This is my current approach: $(document).ready(function(){ $(& ...

Trouble with executing a jQuery dynamic loop for each item

I have a unique situation where I am dealing with a table containing multiple tables for various users. The number of users can vary, so I am aiming to create a dynamic solution. Below are two sample tables for reference. <div class="timecard"> < ...

Update class name in React component based on state change

My current setup involves the setting of active and class flags as shown below: constructor(props) { super(props); this.state = {'active': false, 'class': 'album'}; } handleClick(id) { if(this.state.active){ this.s ...