Create new custom button and call existing function/api

Core Development
1

Hello,

I want to create button at left side and on click on that button i want to call the fuction/api which is getting the list of nodes.

Thanks

2

Hi

To help understand your requirement, could you clarify please?

  • You need help calling an API from a button click?
  • You need to know which API to call?
  • Which nodes do you want returned...
    • Installed nodes?
    • Nodes in use ?

Thanks.

3

Also are you talking about the node red editor or the runtime?
I think that several times you have posted questions that relate to the editor rather than the runtime and have not made that clear in the question.

4

@Steve-Mcl i want place one button beside filter and calling an existing function/API which is getting existing node list on button click.

5

Yes, i got that from your 1st question.

but you still have not clarified

  • Do you need help calling an API from a button click?
  • Do you need to know which API to call?
  • Which nodes do you want returned...
    • Installed nodes?
    • Nodes in use ?

People wont spend time guessing what you want!

6

And also - if you could describe why you want to do this? What are you trying to do? What do you want to do with the node list? What information do you actually need?

2 Likes
7

i am modifying node red as per my requirement which is for now is like .....

i have my another application in angular in which i am thinking to filtering my nodes name and according that filtered node names when i click apply filter it should come to node red and only filter node names should append....for example if i have filtered two node names in my application like 1. Switch and 2.Inject.... now when i click apply filter it will be redirect to node red and only two nodes named 'inject' and 'switch' should appear. Now my requirement is as follows:

  1. I want to put button named clear filter beside the search filter text box
  2. Clicking on this button should call the node list function/API and get the list of nodes and append that node list at left side as normal list comes.
8

Have you already solved the "it will be redirect to node red and only two nodes named 'inject' and 'switch' should appear" part of this?

Are you entering text into the input to pre-filter what is shown? Or are you preventing it from loading anything but the inject/switch nodes?

If you are using the existing filter, then the search box already shows a 'clear filter' button.

It would be easier if you stuck to just filtering what is shown, rather than trying to control what gets loaded.

9

I am not entering any text in filter searchbox(and i also dont have any idea where is search box html and how it is working) ------- on loading the node red ...i have done filter the list of nodes according to my need but the problem is i have filter at when it is getting the list from api and then i modify(filter) the list but the thing is now i dont have any way to get the whole list back ...that's why i am thinking to put the button(named 'clear all') and clicking this button should trigger the api?function and get the whole list back.

If you do have any further suggestion you can guide me for the same ...you got my requirement right?

10

If you use dev tools in your browser, you'll be able to find the input box, figure out how to address it, and then dynamically insert content and trigger its 'change' listener event.

So you have modified the runtime API to only return some nodes? How have you done that?

You'll have to work through the logic in palette.js to see how the palette contents is populated.

11

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.