How to add TreeGrid custom widget in dashboard?

1. Download the TreeGrid custom widget.
2. Publish the custom widget to the Bold BI application with a help link.
3. Once you publish the custom widget, the Doughnut Chart custom widget will appear under the Miscellaneous section of the designer panel, as in the following image.
4. Drag and drop the widget and configure the data.
   
   
5. You can map the Parent child relation as like the below image.
   
   
6. The TreeGrid custom widget will render as in the following image.
   
   

Making improvements in the TreeGrid Custom Widget

While edit, add or remove row in treegrid the respective event get triggered and you will get the modified data with column names as like the below image with the use of it you can made the changes into the DB as per your requirement. You can make the code changes after the debuggers to achieve your requirement by making changes in the sourcefile.js file.

To debug and make changes to the custom widget, follow these steps:

• Unpack the TreeGrid custom widget (TreeGridWithEdit.bicw) by following the steps in the mentioned link.
• Add the debugger to the sourcefile.js file’s init() method. Also, add the needed changes in the sourcefile.js file.
• Publish the custom widget by following the steps in this link.
• Now, open the new dashboard in the Bold BI designer.
• Open the Developer Tools in the Browser.
• Drag and drop the TreeGrid Custom Widget in the Designer.
• Now, the debugger will trigger.