javascript - 使用 Treeview Sortable 扩展 YUI TreeView

Question

我正在使用 YUI3 创建 Y.TreeView 的一个实例。

var treeview = new Y.TreeView({
        lazyRender: false,
        container: treeview,
        nodes: jsonTreeFile
});

现在我想扩展这个对象以将它与 TreeView.Sortable 一起使用，它混合在 Y.Tree.Sortable 中。构造函数是 TreeView.Sortable () （参见TreeView.Sortable Api）。

我该怎么做，所以我可以在树视图对象上使用 TreeView.Sortable 方法？

这是完整的上下文：

YUI({
    gallery: 'gallery-2013.07.31-22-47'}).use(
    'gallery-sm-treeview', 'gallery-sm-treeview-sortable', function (Y) {

      // Create a new TreeView in container with nodes.
      treeview = new Y.TreeView({
        lazyRender: false,
        container: treeview,
        nodes: jsonTreeFile
      });

      // Render the treeview inside the #treeId element.
      treeview.render();

      // Now, how do I extend and sort the treeview object?

}); 

Answer 1

如果有人对解决方案感兴趣，这就是 YUI 中子类化的工作方式（感谢 Ryan Grove 的帮助：codepen.io/rgrove/pen/vAuep）

YUI({
    gallery: 'gallery-2013.07.31-22-47'
}).use('gallery-sm-treeview', 'gallery-sm-treeview-sortable', function (Y) {

  var SortedTreeView = Y.Base.create('sortedTreeView', Y.TreeView, [Y.TreeView.Sortable], {
    sortComparator: function (node) {
      return node.label;
    }
  });

  var treeview = new SortedTreeView({
    container: '#treeview',
    nodes: [{label: 'hi!'}, {label: 'hello!'}]
  });

  treeview.render();
});