后面添加:
当前位置:   article > 正文

Node-RED opcua items 二次修改记录_node-red opcua-item

node-red opcua-item

101-opcuaitem.html:

在:

<script type="text/x-red" data-template-name="OpcUa-Item">

后面添加:

  1. <div class="form-row">
  2. <label> Selector</label>
  3. <select id="opcualist" name="opcualist1"></select>
  4. </div>

在该script最后添加:

  1. <script type="text/javascript">
  2. //该步骤必须等到上面的select完成加载才能使,位置只能在这。每次双击打开该页面都会执行该操作
  3. $(document).ready(function(){
  4. updateopcualist();
  5. });
  6. </script>

在:

<script type="text/javascript">

添加:

  1. function updateopcualist()
  2. {
  3. var opcualistItem = document.getElementById("opcualist");
  4. var opcuainputItem = document.getElementById("node-input-item");
  5. var opcuaTypeItem = document.getElementById("node-input-datatype");
  6. $.ajax({
  7. headers: {
  8. "Accept": "application/json"
  9. },
  10. dataType: "json",
  11. cache: false,
  12. url: 'aheadgetOpcuaFileContent',
  13. success: function (data) {
  14. opucalists = data["list"]
  15. var muloption = "";
  16. for (var key in opucalists) {
  17.   var item = opucalists[key]; //["ns=1;s=xxx","Boolean"]
  18. muloption = muloption + "<option value=" + item + ">" + key + "</option>"
  19. }
  20. opcualistItem.innerHTML="<option value='0'>--select--</option>" + muloption;
  21. opcualistItem.onchange = function () {
  22. var results = opcualistItem.value.split(',');
  23. opcuainputItem.value = results[0];
  24. //设置类型
  25. for (i = 0; i < opcuaTypeItem.length; i++) {
  26. if (opcuaTypeItem[i].value == results[1]) {//value
  27. opcuaTypeItem[i].selected = true;
  28. break;
  29. }
  30. }
  31. }
  32. },
  33. error: function(jqXHR,textStatus,errorThrown) {
  34. console.log("get Opcua File Content Failed");
  35. }
  36. });
  37. }

 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小蓝xlanll/article/detail/218044
推荐阅读
相关标签