UI Toolkit

Rock has a collection of fantastic UI controls that will help you develop blocks much quicker than if you has to write everything from scratch.

Rock:Grid

The Rock Grid makes it a breeze to quickly display your entity lists.

Attachments/UI-Toolkit/rock-grid.png

Add <new>

Set the Grid's Actions.IsAddEnabled to true to enable the Add icon on the grid toolbar. Add your custom handler to the grid's Actions.AddClick hander as shown in the example below.

Export to Excel

This generates a native XLSX file. If the grid's Caption property is set it will be used for the filename. There is a property on the grid ShowActionExcelExport that allows the developer to disable the display of the icon.

Set the Grid's Actions.IsExcelExportEnabled to false to prevent the default Export to Excel functionality.

Reordering

Tap into the grid's drag-and-drop reordering capabilities by binding your custom reorder handler to the grid's GridReorder event handler. Since the Rock.Data.Service has a Reorder() method, any entity service class that inherits from Service<t> can easily have its items reordered.

protected override void OnInit( EventArgs e )
{
    // ...
    gMyGrid.GridReorder += gMyGrid_GridReorder;
    gMyGrid.Actions.IsAddEnabled = true;
    gMyGrid.Actions.AddClick += gMyGrid_Add;
}

void gMyGrid_GridReorder( object sender, GridReorderEventArgs e )
{
    // ...
    Service.Reorder( mylist, e.OldIndex, e.NewIndex, CurrentPersonId );
    BindGrids();
}

void gMyGrid_Add( object sender, EventArgs e )
{
    ShowEdit( 0 ); // a method that builds a form for your entity/item
}