how to add a link at datagid toolbar

[cahya sulianto]

 Hi,

I have a simple datagrid..

How to add a link at datagid toolbar  like 

<a class="btn btn-primary" rel='nofollow' href="SOME URL" role="button">Open New Link</a> 

at datagid toolbar ?

[Sujith Kumar Rajkumar]

Hi Cahya, 

 

Greetings from Syncfusion support. 

 

You can achieve the requirement of defining anchor tag in Grid toolbar by using the custom toolbar item and toolbar item template of the Grid toolbar as demonstrated in the below code snippet, 

 

@{ 

    /* Custom toolbar item */ 

    List<object> toolbarItems = new List<object>(); 

    /* The template id is set to the custom toolbar item’s template property */ 

    toolbarItems.Add(new { template = "#Template" }); 

} 

 

/* Template with the anchor tag */ 

<div id='Template'><a class="btn btn-primary" target="_blank" rel='nofollow' rel='nofollow' href=https://help.syncfusion.com/ role="button">Open help Link</a> </div> 

 

<div> 

    /* The custom toolbar item is then assigned to the Grid’s toolbar property */ 

    <ejs-grid id="Grid" dataSource="@ViewBag.Data" toolbar=toolbarItems> 

    </ejs-grid> 

</div> 

 

We have prepared a sample based on this for your reference. You can find it below, 

 

Sample: https://www.syncfusion.com/downloads/support/forum/165987/ze/GridCustomToolbarItem-1876802845 

 

More details on this can be checked in the below documentation links, 

 

Grid’s custom toolbar item: https://ej2.syncfusion.com/aspnetcore/documentation/grid/tool-bar/#custom-toolbar-items 

 

Toolbar item template: https://ej2.syncfusion.com/aspnetcore/documentation/toolbar/how-to/set-item-wise-custom-template/ 

 

Please get back to us if you require any further assistance. 

 

Regards, 

Sujith R