Articles in this section

How to render TreeGrid using VB

The below code example explains how to render TreeGrid using VB,

 

@(Html.EJ().TreeGrid("TreeGridContainer").
 
//Code snippet for ToolbarSettings Properties 
ToolbarSettings(Sub(tool)
                            tool.ShowToolbar(True)
                            tool.ToolbarItems(New List(Of TreeGridToolBarItems)() From {TreeGridToolBarItems.PdfExport,
 TreeGridToolBarItems.Add,
 TreeGridToolBarItems.Edit,
 TreeGridToolBarItems.Delete,
 TreeGridToolBarItems.Cancel,
 TreeGridToolBarItems.Update,
 TreeGridToolBarItems.ExpandAll,
 TreeGridToolBarItems.CollapseAll
                     })
                    End Sub).   
//Code snippet for Columns Properties 
Columns(Sub(col)
                     col.Field("TaskId").HeaderText("Task Id").Width(45).Add()
                     col.Field("TaskName").HeaderText("Task Name").Add()
                     col.Field("StartDate").HeaderText("Start Date").Add()
                     col.Field("EndDate").HeaderText("End Date").Add()
                     col.Field("Duration").HeaderText("Duration").Add()
             End Sub).
//Code snippet for EditSettings Properties 
EditSettings(Sub(edit)
                          edit.AllowAdding(True)
                          edit.AllowDeleting(True)
                          edit.AllowEditing(True)
                          edit.EditMode(TreeGridEditMode.CellEditing)
                  End Sub).
//Code snippet for SizeSettings Properties 
SizeSettings(Sub(size)
                     size.Height("450px")
                     size.Width("100%")
                 End Sub).
//Code snippet for ContextMenuSettings Properties 
ContextMenuSettings(Sub(con)
                              con.ShowContextMenu(True)
                              con.ContextMenuItems(New List(Of TreeGridContextMenuItems)() From {
                                                   TreeGridContextMenuItems.Add,
                                                   TreeGridContextMenuItems.Edit,
                                                   TreeGridContextMenuItems.Delete
                                               })
                          End Sub).
//Code snippet for clientSideEvents
 
ClientSideEvents(Sub(eve)
                         eve.EndEdit("endEdit")
                         eve.Load("load")
                     End Sub).
 
AllowDragAndDrop(True).
DragTooltip(Sub(dg)
                    dg.ShowTooltip(True)
                End Sub).
SelectionMode(TreeGridSelectionMode.Row).
AllowKeyboardNavigation(True).
SelectionType(TreeGridSelectionType.Single).
Datasource(ViewBag.datasource)
)
<script>
    function endEdit(args) {
       alert("endEdit triggered")
    }
</script>

A sample for rendering TreeGrid using VB is available in the following link,

Sample

 

Did you find this information helpful?
Yes
No
Help us improve this page
Please provide feedback or comments
Comments (0)
Access denied
Access denied