Is there a way to change node text in bootstrap treeview?

Question

Is there a way to change node text in bootstrap treeview without redrawing the whole tree or removing/adding the node?

I checked here: https://github.com/jonmiles/bootstrap-treeview and here: https://github.com/patternfly/patternfly-bootstrap-treeview but there seem to be no method like "updateNode" or "renameNode".

score 1 · Accepted Answer · edited Dec 21 '18 at 22:43

1

Simply select the node and update its parameters -

node = $('#tree').treeview('getNode', <nodeId>);
node.text = '<new value>';
$('#tree').treeview(true).removeNode([]); // refresh hack available in the development github branch.

edited Dec 21 '18 at 22:43

Ray Hulha

10,701
5
53
53

answered Jul 08 '17 at 11:47

Rony

142
2
7

I accepted this as an answer but to be honest I already switched to jsTree. It seems it has much larger user base and getting help is easier. – Joe Schmoe Jul 13 '17 at 11:46
Right, the treeview indeed lack some basic functionalities (adding/removing nodes), I remember I had to initialize it every time the tree changed. Good luck. – Rony Jul 20 '17 at 14:32

score 0 · Answer 2 · answered Aug 11 '18 at 08:33

I am using the following code to change the tree node, without having to update the whole view.

var e = $(node.$el).find(".text");
e.html(value);

But in order for that to work, you have to set wrapNodeText to true, as this creates a span.text around the text, which make it possible to change.

Is there a way to change node text in bootstrap treeview?

2 Answers2