2016-09-28 21 views
0

現在、node-redで作業しており、カスタムノードをいくつか作成しました。node-red - カスタムノード - イベント時にHTMLフォームを動的に更新します。

ノードパラメータのフォームを動的に更新したいと思います。サーバーからデータラベルを含むリストを取得し、選択したものをユーザーが選択できるように選択する必要があります。ここで

The HTML form I want to update dynamically

、例えば、私はブローカーからコンテナに含まれるデータを取得したいと思います。だから、私がしたいのは、コンテナとブローカがいっぱいになったときに新しい選択入力を追加することです。

このようなことはできますか?

私はすでにカスタム編集の動作(http://nodered.org/docs/creating-nodes/properties)を調べましたが、フォームが検証/キャンセル/開かれたときのイベントしかありません。入力自体にイベントはありません。

ありがとうございます。

ガビ。

答えて

0

これは、いくつかのノード-REDノードがどのように機能するかを示します。ノードのHTMLファイルでoneditprepare関数を使用して、ノードによってホストされているHTTPエンドポイントを呼び出す必要があります。

フォームのフィールドにonchangeタイプのフックを添付して、AJAXスタイルの呼び出しを使用して以前の入力に基づいて後のフィールドを更新することもできます。

node-red-nodes gitリポジトリには多くの例があります。例えば、設定可能な利用可能なポートのリストを検索するserial port nodeのようなものを見てください。

+0

ありがとうございます。私はボタンを追加し、oneditprepareにonClickイベントを設定し、補完的な入力を表示するのに必要なクエリを実行します。また、oneditprepare内のブローカにアクセスする方法はありますか? – Gabi

+0

こんにちは、あなたが提案したこと、つまりイベントハンドラを置いてDOMを更新しました。しかし、ブローカーにアクセスする方法はありません。ありがとうございました。 – Gabi

+0

サーバー側からブローカに接続し、httpを使用してその情報をUIにプルします – hardillb

関連する問題