const filter = () => { // Filters options in the select tag. let optionEl = options[i]; let txt = selectTag.options[i].text.toLowerCase(); if (txt.indexOf(inputEl) > -1) { selectTag.options[i].style.display = ""; …

sorry, but the structure of your code is all wrong. filter function should not be inside a loop adding the on change event to the node-input-filter should not be inside the loop Move the filter function outside of the loop & change it to loop through the options, perform the test, then do a $(el)…

Can you explain in more detail? If the edit dialog is not open there is no list being displayed to be filtered.

[image] jake123: Is there any way i could filter it in real time? Like not needing to reopen the node to see results of filter? If i understand, you mean "while the edit dialog is open" you want this filter to be called - correct? You need the code to be callable (like in a function) and an …

Yeah but how can i attach it on the script type html. I tried doing that and it says filter() is undefined

elem.on("keyup", filter()); Tried it like this.

[image] jake123: Yeah but how can i attach it on the script type html Sorry, i dont understand that, [image] jake123: I tried doing that and it says filter() is undefined That'll probably be down to scope (where your code is placed)

[image] jake123: elem.on("keyup", filter()); that should be elem.on("keyup", filter); assuming filter is in scope

The code for filter is in oneditprepare. I tried adding a button that will trigger my function but it still wont trigger until i reopen the node.

[image] jake123: I tried doing that and it says filter() is undefined You realise that means nothing to us as we can't see your code? elem.on("keyup", filter()); Assuming filter is a function you have defined and is in scope, then you don't want the () in that statement. You need to pass f…

fetch(url) .then((res) => res.json()) .then((data) => { opt = data; opt.forEach((item) => { options.push({ //v: ``, v: ``, // Sets the value of the option tag t: item.name, }); …

Filter the node in real time

Developing Nodes

jake123 8 April 2021 08:11 4

This is my node.If i want to filter it i have to write in the filter input and then reopen the node to see results of that filter.
I want to filter it the second i write something in the filter input.
I tried in vanilla js and its easy there. I dont know how to do it in node-red.

Topic		Replies	Views
Filter Options Node Developing Nodes	4	280	6 June 2021
Custom Dropdown Node Developing Nodes	3	756	6 June 2021
Filter Nodes event Core Development	7	1106	26 July 2020
Input type checkbox Developing Nodes	29	2957	26 April 2021
Connecting different script tags Developing Nodes	26	1607	15 April 2021

Filter the node in real time

Related topics