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 方法接受一个比较函数作为参数，该函数用于比较两个节点。在这个例子中，我们按节点的文本属性降序排序，但你可以根据自定义的节点属性进行排序。此排序方法可以与 TreeSorter 一起使用，因为 TreeSorter 只监控 beforechildrenrendered 、 append 、 insert 和 textchange 事件，其他更改不受影响。

1.2 过滤功能

<