13、Ext JS 树与窗口组件的强大功能及应用

Ext JS 树与窗口组件的强大功能及应用

1. Ext JS 树的排序与过滤功能

在 Ext JS 中，树组件提供了丰富的功能，排序和过滤就是其中很实用的两个。

1.1 排序功能

排序菜单条目的处理函数如下：

function sortHandler() {
    tree.getSelectionModel().getSelectedNode().sort(
        function (leftNode, rightNode) {
            return (leftNode.text.toUpperCase() < rightNode.text.toUpperCase() ? 1 : -1);
        }
    );
}

这里使用选择模型获取选中节点，然后调用 sort 方法。 sort 方法的第一个参数是一个比较函数，该函数接收两个节点作为参数，用于比较节点顺序。在这个例子中，按节点的 text 属性降序排序，当然也可以根据自定义节点属性排序。而且，这个排序方法可以和 TreeSorter 一起使用，因为 TreeSorter 只监控 beforechildrenrendered 、 append 、 insert 和 textchange