Question

How can we build a custom Control for Bootstrap Jquery TreeView with ability to identify which row was selected/clicked?

Answer 1

Bootstrap Treeview using Jquery is a js library the following control has been built using that, it expects a JSON in a certain format 

var myTree = [
    {
      text: "Item 1",
      nodes: [
        {
          text: "Item 1-1",
          nodes: [
            {
              text: "Item 1-1-1"
            },
            {
              text: "Item 1-1-2"
            }
          ]
        },
        {
          text: "Item 1-2"
        }
      ]
    },
    {
      text: "Item 2"
    },
    {
      text: "Item 3"
    }
    ...
];

There are configuration options like fontSize, fontColor, backgroundColor, width, initially Expanded to Level, on selection it has a event handler defined and also a config option is updated with the selected row text so that you can do necessary processing after that e.g. firing a boundary event or other actions.

It is now part of Dosvak UI Toolkit and latest version can be downloaded from Dosvak Gitlab