Tree Macro - preventDefault doesnt work

Help / Discuss
#1

As i implemented fixed sidebar with scrollable content here(will add howto soon), Im trying to go further and reload only the contentcolumn div when sidebar navigation link is clicked.

I use this jsx:

require(['jquery', "$!services.webjars.url('org.xwiki.platform:xwiki-platform-tree-webjar', 'require-config.min.js', {'evaluate': true})"], function($) {
   require(['tree'], function($) {
        $('.xtree').on("click", "a",function (e, data) {
        e.preventDefault();
        $("#contentcolumn").load(this.href + " #contentcolumn" );
      });
  });
});

This code works, center column is updated, but for some reason preventDefault doesnt work thus whole page is eventuelly reloaded.

Do you have any clue why is that?

I have already tried stopPropagation, stopImmediatePropagation and return false - but still the same result. It works everywhere but not inside of Tree Macro.

#2

Even when I disable all clicks on the page, all links on the Tree Macro are still working. Weird.

  $(window).on('click', function(evt) {
  evt.preventDefault();
})
#3

nice :+1:

#4

Sorry can’t help you with your questions though, I’m not very good with JS. I hope someone else can help you.

#5

thanks! maybe @mflorea can help?

#6

@DavidBrazda see https://github.com/xwiki/xwiki-platform/blob/master/xwiki-platform-core/xwiki-platform-tree/xwiki-platform-tree-webjar/src/main/webjar/tree.js#L493 . Maybe try to add the jstree-no-link CSS class to the tree container?