I need filter function about sl-vue-tree HOT 5 OPEN

Here's a method to customize to your needs @FactAttacker

filterNodes() {    
      function copy(o) {
        return Object.assign({}, o);
      }
    
      let f = (o) => {
        if (o[this.nodeKeyToFilter].toLowerCase().
            includes(this.filter.toLowerCase())) return true;
      
        if (o.children) {
          return (o.children = o.children.map(copy).filter(f)).length;
        }
      };
    
      this.filteredNodes = this.nodes.map(copy).filter(f);
    },

from sl-vue-tree.

Hi. Can you add more description about what do you mean by filter function?

from sl-vue-tree.

Hi, went here for that too

I know it can be made outside the scope of sl-vue-tree but I believe it could be useful for people to have a text field which can act as a "search" filter

It would hide all nodes (except parents of nodes which are shown) that don't match the text in the field, kind of what we can see in multiselect fields.

I hope my message makes sense ^^

from sl-vue-tree.

Here's a method to customize to your needs @FactAttacker

filterNodes() {    
      function copy(o) {
        return Object.assign({}, o);
      }
    
      let f = (o) => {
        if (o[this.nodeKeyToFilter].toLowerCase().
            includes(this.filter.toLowerCase())) return true;
      
        if (o.children) {
          return (o.children = o.children.map(copy).filter(f)).length;
        }
      };
    
      this.filteredNodes = this.nodes.map(copy).filter(f);
    },

Can you explain how this would be utilized along with the sl-vue-tree control?

from sl-vue-tree.

Here's a method to customize to your needs @FactAttacker

filterNodes() {    
      function copy(o) {
        return Object.assign({}, o);
      }
    
      let f = (o) => {
        if (o[this.nodeKeyToFilter].toLowerCase().
            includes(this.filter.toLowerCase())) return true;
      
        if (o.children) {
          return (o.children = o.children.map(copy).filter(f)).length;
        }
      };
    
      this.filteredNodes = this.nodes.map(copy).filter(f);
    },

Can you explain how this would be utilized along with the sl-vue-tree control?

Never mind - once I wrapped my head around it, I figured it out.

from sl-vue-tree.