Question

这可能是错误的方法，但基本上我想创建一个节点，其中一个下拉列表取决于配置节点值。

配置-的test.html

<script type="text/javascript">
    RED.nodes.registerType('test-config', {
        category: 'config',
        defaults: {
            token: { value: '' }
        }
    });
</script>

<script type="text/x-red" data-template-name="test-config">
    <div class="form-row">
        <label for="node-config-input-token"><i class="icon-tag"></i> Token</label>
        <input type="text" id="node-config-input-token" placeholder="Token">
    </div>
</script>

配置-test.js

module.exports = function (RED) {
    function TestConfig(config) {
        RED.nodes.createNode(this, config);
        this.token = config.token;
    }
    RED.nodes.registerType('test-config', TestConfig);
}

那么在新节点中我想这样做：

测试node.html

<script type="text/javascript">
    RED.nodes.registerType('test-node', {
        defaults: {
            token: { value: '', type: 'test-config' },
            node: { value: '' }
        },
        oneditprepare: function () {
            var token = ??????;
            var nodes = $('#node-input-node');

            reloadNodeSelect();

            function reloadNodeSelect() {
                $.ajax({
                    url: '--URL--' + token
                    success: function (res) {
                        nodes.html('');
                        for (var i = 0; i < res.obj.length; i++) {
                            nodes.append($('<option></option>').attr('value', res.obj[i]).text(res.obj[i]));
                        }
                    }
                });
            }
        }
    });
</script>

<script type="text/x-red" data-template-name="temp-node">
    <div class="form-row">
        <label for="node-input-node"><i class="icon-tag"></i> Node</label>
        <select type="text" id="node-input-node"></select>
    </div>
</script>

案例是，有一个API使用令牌和Web请求获取节点列表，每个节点都有自己的个别令牌，API需要针对该特定节点的请求。每个节点还有几个额外的子项，我想列出并允许用户选择给定的测试节点。每个节点的配置相当不足以创建具有这些附加选项的配置节点似乎没有意义。

显然，令牌可以作为测试节点上的文本字段提供，但其目的是限制重复量并使配置更加简化目标用户。

使用console.log（this）;在oneditprepare（）函数内部，有一个token属性的值，但它是一个似乎指向配置节点的ID。但我找不到一种方法来使用它来获取该节点的值。

令牌：“5a1ab56c.5e478c”

我尝试过RED.nodes.getNode（），但此方法仅在运行时API中可用：http://nodered.org/docs/api/runtime/api#getNode

谢谢！

Answer 1

为此，您需要在配置对话框HTML和运行时端的nodejs代码之间实现自己的通信。执行此操作的常规方法是在nodejs代码中添加HTTP端点，并对此端点进行AJAX样式调用以填充下拉列表。

node-red-nodes git存储库中有一些类似的例子。一个例子是WeMo node。

<强> WeMoNG.js

...
RED.httpAdmin.get('/wemoNG/devices', function(req, res) {
    res.json(wemo.devices);
});
...

<强> WeMoNG.html

...
oneditprepare: function() {
    var devices;
    $.getJSON('wemoNG/devices', function(data) {
        devices = data;
        var devs = Object.keys(data);
        if (devs.length !== 0) {
            for (var d in devs) {
                if (devs.hasOwnProperty(d)) {
                    $('<option/>',{
                        'value': devs[d],
                        'text': data[devs[d]].name
                    }).appendTo('#node-config-input-device');
                }
            }
       }
    });
    $('#node-config-input-device').change(function() {
        var id = $( "#node-config-input-device option:selected" ).first().val();
        if (devices) {
            $('#node-config-input-type').val(devices[id].type);
            $('#node-config-input-name').val(devices[id].name);
        }
    });
}
...

节点红色在管理界面中获取配置节点值

1 个答案: