cutterbl / bootstrap-tree

A lightweight Tree component, built for use with the Twitter Bootstrap framework

Bootstrap Tree v0.2

A lightweight Tree component, built for use with the Twitter Bootstrap framework.

A work in progress. All feedback is welcome.

[10.06.2012] - v0.2 - Added ability to populate branches with Ajax. "Branch" configuration specifies where to get the data, and the parameters to "POST" in the request.

Bootstrap Tree © 2012 Cutters Crossing

'Bootstrap' is © 2012 Twitter, Inc.

http://twitter.github.com/bootstrap

Both are licensed under the Apache License, Version 2.0 (the "License")

http://www.apache.org/licenses/LICENSE-2.0

bootstrap-tree's Issues

bad css

Plugin has global styles and styles for tags. It's very bad. Needed class-wrapper.

a:link,
a:visited,
a:hover,
a:active {
  color: #000;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
  cursor: pointer;
}

Root level [role=leaf] cause a bug

If you load any leaf elements onto the tree which are not contained in a branch it gives an error that the method doesn't exist on undefined... which makes sense

$("body").on("click.tree.data-api", "[role=leaf]", function (e) {
  .........
  e = $.Event("nodeselect", {
    node: $(branch).data("tree").node($this)
  });

I tried hacking in basic support for this, but I couldn't get it right... ideas?

Uncaught TypeError: Cannot create property 'parent' on string 'toggle'

Cannot collapse a tree in Chrome because javascript tries to set a property on a string.

Occurs in bootstrap-tree.js:420

does it suppot multi-level tree?

data like this

-root
  -grandparent 1
    -parent 1
      -child 1
  -grandparent 2

Issues with post.

The tree example didn't work for me out of the box.

Changing line 88 from $.post to $.get fixes the problem for me.

What is the purpose of using $.post in this scenario?

Issue in Safari

Hi,

The bootstrap tree works fantastically in firefox, chrome and IE.

But i am facing issues in Safari. Once you open a branch, it cant be closed.
I get the error:
"Type Issue: Attempted to assign to readonly property"

Please help.

Thanks,
Karan

Unexpected string

On line 54 of bootstrap-tree.js you have a single quote closing a string that is opened with a double quote, causing an error.

Ajax send data Tree

Hi Cutter,

I have little experience with javascript, I'm trying to send data via ajax to a function but can not find the way, is there the possibility to do so?

Regards,

Julián