在 extjs 树存储中搜索

Question

我的树工具栏中有一个文本字段，它应该从用户那里获取一个字符串，然后通过树的特定列进行搜索。我使用存储过滤器，但我的代码有问题，我不知道它是什么。谢谢你的帮助。 这是我的代码：

var onSimpleSearch = function(){
 var searchStr= Ext.getCmp('searchField').getValue();
   if(searchStr){
    var tree = Ext.getCmp('infra_tree');
    var tstore = tree.getStore();
    var searchReg = new RegExp(".*" + searchStr + ".*", "ig");
    console.log(searchReg); //return RegExp!!!!!!!
    tstore.filter("ipadd", searchReg});
}else {
    Ext.MessageBox.show({
        title: 'Nothing to search',
        msg: 'Search string is empty',
        icon : 'ext-mb-info',
        buttons: Ext.MessageBox.OK
    });
  }
};

Answer 1

Ext.data.TreeStore 中没有 filter 方法（假设你使用的是 4.x，我使用的是 4.1.3）。
也许这会对您有所帮助：
Ext JS 4：过滤 TreeStore

或者，您可以尝试这样的操作：

var nodeToSearchFor = treestore.getRootNode().findChildBy(function(node) {
    return (node.data['fieldToSearchFor'] == valueToSearchFor);
});

希望最后一次编辑:-)
在 Sencha 论坛的这个帖子中，他们建议您在根节点上使用 CascadeBy。其工作原理与上面的代码或多或少相同。

http://www.sencha.com/ forum/showthread.php?150060-Search-inside-extjs-tree-store

Answer 2

您可以遍历树中的所有子节点，而不是遍历商店。树的所有节点都实现 TreeNodeInterface其中有您需要的方法。 cascadeBy 方法可能就是您正在寻找的方法。它将在节点的每个子节点上递归调用函数。这本质上与商店的过滤器相同，但它知道树的层次结构。

var searchStr = Ext.getCmp('searchField').getValue();
var matchingNodes = [];

var tree = Ext.getCmp('infra_tree'); 
// You could get the selected node, or any other node as start node.
// I take the root node as example.
var startNode = tree.getRootNode();

startNode.cascadeBy(function (childNode) {
    if (childNode.get('text') == searchStr)
    {
       matchingNodes.push(childNode);
    }
}, this);

显然，您也可以搜索 childNode 中的任何其他字段。通常，我保留在树中的节点具有不同的模型。如果我有一个显示在树中的 teacher 模型，那么我就有一个包含 teacher 的 teacherTreeModel。所以教师树模型不保存在数据库中，只保存教师模型。发现在很多情况下这更容易。

Answer 3

我有同样的问题，我刚刚找到了一个解决“在树存储中搜索”问题的小提琴。我不知道是谁写的，但它是一个宝石。它在这里运行：https - 添加冒号斜杠斜杠 - fiddle.sencha.com/#fiddle/ra&view/editor
（我试图将此处小提琴的源代码包含到答案中，但 Stack Overflow 编辑器不允许我这样做。）