如何調用Telerik（）。Grid按鈕內的JavaScript函數？

Question

我想在Telerik（）。Grid中調用Ajax函數。

這是我的Telerik（）。Grid

 @(Html.Telerik().Grid(Model)
        .Name("SiteGrid")
        .Columns(columns =>
        {
            columns.Bound(o => o.PKComID).Width(50);
             columns.Bound(o => o.CompanyName).Width(50);    
//In here I want to add a button and call the Ajax function when click the button   
        })    

          .Pageable(paging => paging.PageSize(15).Style(GridPagerStyles.NextPreviousAndNumeric).Position(GridPagerPosition.Bottom))
                 .Sortable()
    ) 

這是我的Java腳本功能

<script type="text/javascript">

    function getCompanyDetails(companyID) {

        $.ajax({

            type: 'POST',
            dataType: 'html',
            url: '@Url.Action("CompanybyID", "Search")',
            data: ({ ComID: companyID }),
            success: function (data) {
                //alert(data);
                $('#companyDetails').html(data);


            },
            error: function (xhr, ajaxOptions, thrownError) {
                alert(xhr.status);
                alert(thrownError);
            }
        });

    }
  </script>

如何在網格視圖旁邊調用getCompanyDetails()函數？

Answer 1

@(Html.Telerik().Grid(Model)
        .Name("SiteGrid")
        .Columns(columns =>
        {
            columns.Bound(o => o.PKComID).Width(50);
            columns.Bound(o => o.CompanyName).Width(50);      
        })    
           .ClientEvents(events => events.OnComplete("getCompanyDetails"))
          .Pageable(paging => paging.PageSize(15).Style(GridPagerStyles.NextPreviousAndNumeric).Position(GridPagerPosition.Bottom))
                 .Sortable()
    ) 

官方示例： http : //demos.telerik.com/aspnet-mvc/razor/grid/customcolumncommand