javascript - 打开 id 以特定单词开头的树节点

Question

我正在使用 jsTree，到目前为止它看起来不错。

我有一个节点列表，其 id 会随着每个新节点(例如(g1，g2，g3 ...以及其他一些节点，例如 k1，k2，k3))而递增

我可以使用打开文档加载时的特定节点

              "core": { 
                "animation": 0,
                "open_parents": true,
                "initially_open": ['g1']
                },

但我想打开所有以 'g' 开头但不是 'k' 开头的节点，可以使用类似 $(id^=g) 的东西吗？

更新:

节点是通过网络服务动态创建的，例如

 Dim oSB1 As StringBuilder = New StringBuilder
oSB1.Append(" <h5 >JSTree</h5> <div id='divtree' ><ul id='tree'> <li id='g1'><a       href='#' class='usr'>1st Node</a><ul> <li><a href='#'  rel='file'>1.1</a></li><li><a href='#'  class='usr'>1.2</a></li><li><a href='#'  class='file'>1.3</a></li></ul></li></ul><ul><li id='g2'><a href='#' class='usr'>2nd Node</a><ul> <li><a href='#'  rel='file'>2.1</a></li><li><a href='#' >2.2</a></li></ul></ul> <ul><li id='k2'><a href='#' class='usr'>3rd Node</a><ul> <li><a href='#'  rel='file'>3.1</a></li><li><a href='#' >3.2</a></li></ul></ul> <ul><li id='k2'><a href='#' class='usr'>4th Node</a><ul> <li><a href='#'  rel='file'>4.1</a></li><li><a href='#' >4.2</a></li></ul></ul></div>")
Return oSB1.ToString

从Web服务返回的数据被分配给jstree，因此我只需要打开id以“g”开头而不是“k”开头的节点，在上面的示例中只有2个节点，但想象一下如果节点超过 100 个。

树的名称是这样的

  $("#G2").html(data.d);
$("#divtree").jstree(
                  {
                     "state": "open",
                      "animated": "slow",
                      "plugins": ["themes", "html_data", "ui", "crrm", "contextmenu"],

                        //working
                      "core": {
                          "animation": 0,
                          "open_parents": true,
                          "initially_open": ['g1']
                      },

                      "contextmenu": {
                          "items": function ($node) {
                              return {
                                  "Create": {
                                      "label": "Create a new Node",
                                      "action": function (obj) {
                                          $("#divtree").jstree("create_node", function () { alert("are you sure?") }, true);
                                          this.create(obj);
                                      }
                                  },
                                  "Rename": {
                                      "label": "Rename Node",
                                      "action": function (obj) {
                                          $("#divtree").jstree("rename_node", function () { alert("you are trying to rename") }, true);
                                          this.rename(obj);

                                      }
                                  },
                                  "Delete": {
                                      "label": "Delete Node",
                                      "action": function (obj) {
                                          $("#divtree").jstree("delete_node", function () { alert("Really!!?") }, true);
                                          this.remove(obj);


                                      }
                                  }
                              };
                          }
                      }

                  });

她只打开 id 为“g1”的节点，而我想打开所有以 id 为“g”开头的节点有办法让它运行吗？

Answer 1

jsTree 非常非常好，但它的文档确实还有一些不足之处。我也为此苦苦挣扎了一段时间，最后想出了这个—— selectively expanding/cotracting jsTree nodes

这可能无法直接回答您的具体问题，但我认为它可能会有所帮助。