Passing a field value in the URL

Question

Can I dynamically edit the url of the datatable depending on the value of the “Value” field of the search form in another file? For example:

{ view:"text", label:"input data", value:"apple" }

In datatable.js

url: 'resource->/api/archive/apple'

Okay, I was told that I can send AJAX requests, but now I can't figure out how to get them correctly on another page

Sending:

webix.ajax().post('apples', get_form())
routie('apples')

In devtools I get the form value

I'm trying to get the formData value to substitute it in the URL

function get_data() {
    let result;
    webix.ajax("apples").then(function (data) {
        data = data.text();
        result = data;
    });
    return result;
}

URL

url: 'resource->/api/archive/all/'.concat(get_data()),

On the backend side, this controller works well, but I can't call it from the front side. I'm just learning frontend, so any help would be greatly appreciated.

Answer 1

In general, the way to do this is: When the value is changed (the onChange event), call clearAll() and load(newUrl) methods of the datatable. You cannot change the url property at runtime (well, you can, but it won't work).

As for different files, people usually build SPAs with Webix, so files here might be modules, not pages. Do you use Webix Jet? If yes, then communication between the form and the datatable can be done via the app event bus. If not, then they can communicate directly (import both files in some other file and do it there). If this is a multiple-page app, then yes, you do need some server side communication between them (maybe even with sockets).