在ExtJS中递归扩展树节点

2 回答

• 1

  如果您有要扩展的节点的路径，例如从先前对getPath的调用中保存

  var path = node.getPath();
  

  然后任务是微不足道的：

  tree.expandPath(path);
  

  您可以通过键入console在http://docs.sencha.com/extjs/4.2.2/extjs-build/examples/build/KitchenSink/ext-theme-neptune/#tree-reorder测试此方法：

  Ext.ComponentQuery.query('treepanel[title=Files]')[0].expandPath('/Ext JS/app/domain', 'text');
  

  如果您没有路径但是在扩展（加载）父级之后决定要扩展哪个子级，则任务会更麻烦 . 在这种情况下，您可能会使用 callback 函数进行扩展，并继续扩展回调中的子项 .

  有关详细信息，请参阅node.expand

  回复于 2024-04-28T22:15:27+08:00
• 4

  这是一个带有大量评论的更新解决方案，以帮助人们了解正在发生的事情：

  TreePanel: {
      a: {},
      bunch: {},
      of: {},
      stuff: {},
  
      dockedItems: {
          xtype: 'textfield',
          name: 'Search Field',
          allowBlank: true,
          enableKeys: true,
          listeners: {
              specialkey: function (textfield, keypressEvent) {
                  if (keypressEvent.getKey() == keypressEvent.ENTER) {
                      treePanelReference.searchFunction(textfield.getValue());
                  }
              }
          }
      },
  
      searchFunction: function (searchKey) {
          var treepanel = this; //Keeping a reference on the treepanel to have access to its functions inside the `success` callback.
          Ext.Ajax.request({
              url: '/api/folders/search',
              params: {
                  value: searchKey
              },
              success: function(response) {
                  response = Ext.decode(response.responseText);
                  treepanel.expandFn(-1, response);
              };
          });
      },
  
      expandFn: function(index, response) { //Recursive function.
          var folders = response.folders;//This array contains all the folders of the path ordered from the root folder to the one we are searching for.
          var node = this.getStore().getNodeById(folders[folders.length-1].folderId);//Attempt to fetch the selected folder (it is the last folder in the array) if it has been loaded.
          if (!node) {//If it can't find the node it means it hasn't been loaded, we have to load each folder on the path one by one until we find the one we are looking for.
              var i = index + 1;
              var nextNode = this.getStore().getNodeById(folders[i].folderId);
              if (!nextNode.isExpanded() && !nextNode.isLoaded()) { //If we arrive at a folder that isn't loaded we have to load it.
                  //Because loading takes time, all actions that are to take place after the load are put in this callback function
                  //that will be called after the folder has been loaded and expanded.
                  //We use Ext.pass to have easier control over the scope and arguments.
                  //We also add {single: true} so that the function isn't called again if we manually reload the node at some point.
                  nextNode.on("expand", Ext.pass(this.expandFn, [this, i, response]), this, {single:true});
                  nextNode.expand();
              }
              else if (!nextNode.isExpanded() && nextNode.isLoaded()) {//If the folder has been loaded but not expanded we simply expand it.
                  nextNode.expand();
                  this.expandFn(this, i, response);
              }
              else {
                  //Every call to expandFn is made in order to load the next folder on the path,
                  //recursively until we end up loading its immediate parent node at which point
                  //we exit the recursion.
                  this.expandFn(this, i, response);
              }
          }
          else {
              //We arrive here if in the previous recursion step we ended up loading the searched folder's immediate parent
              //and the call to `getNodeById` returns the folder we're looking for.
              //Here we expand the whole path (it might not be expanded fully) up to the folder we are searching for and we also select and focus it.
              this.expandPath(node.getPath(), {select: true});
          }
      }
  }
  

  回复于 2024-04-28T22:15:27+08:00