DropDownList in jsGrid

[Fabricio]

I need an example of how to use a dropdownlist within a jsGrid Something like this:

<td class="dropdown">

                                <a rel='nofollow' href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">

                                    <i class="material-icons">menu</i>

                                </a>

                                <ul class="dropdown-menu pull-right">

                                    <li><a rel='nofollow' href="javascript:void(0);" class="waves-effect waves-block" (click)="editClinic(clinic)"><i class="material-icons">create</i>{{l('Edit')}}</a></li>

                                    <li><a rel='nofollow' href="javascript:void(0);" class="waves-effect waves-block" (click)="delete(clinic)"><i class="material-icons">delete_sweep</i>{{l('Delete')}}</a></li>

                                </ul>

                            </td>

[Mani Sankar Durai]

Hi Fabricio, 

Thanks for contacting Syncfusion support. 

We have analyzed your query and we suspect that you want to render the dropdown in toolbar for performing CRUD operation in grid. Based on your requirement we have prepared a sample in Angular that can be downloaded from the below link. 

Link: http://www.syncfusion.com/downloads/support/forum/132845/ze/angular2-seeds-389052402 

We have also already documented a Syncfusion knowledge base that can be available from the below link. 

Link: https://www.syncfusion.com/kb/7173/how-to-show-dropdown-with-crud-action-list-instead-of-showing-individual-items-in-toolbar 

Refer the event link. 

Link: https://help.syncfusion.com/api/angular/grid#events:databound 

Please let us know if you need further assistance. 

Regards, 

Manisankar Durai