文章/答案/技术大牛

发布

社区首页 >问答首页 >用TreeView可排序扩展YUI Treeview

问用TreeView可排序扩展YUI Treeview
EN

Stack Overflow用户

提问于 2013-08-05 13:40:15

回答 1查看 304关注 0票数 1

我正在使用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对象上使用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?

});

javascript

treeview

yui

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-08-13 06:54:44

如果有人对该解决方案感兴趣，YUI中的子类就是这样工作的(感谢Ryan的帮助：Codemen.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();
});

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/18059650

复制

相似问题

问用TreeView可排序扩展YUI Treeview
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用TreeView可排序扩展YUI TreeviewEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用TreeView可排序扩展YUI Treeview
EN