Kendo Ui 网格：弹出窗口从外部网格添加触发器

Question

我有下面的网格和按钮。我想要实现的是在单击 btnAdd 时触发 Kendoui 弹出窗口。我知道如果您将按钮放在 kendo ui 网格工具栏中，就可以实现这一点。

请指教，谢谢

    <script>      
        $('#btnAdd').click(function () {               

        });
     </script>        

     <input type="button" id="btnAdd"/>

    @(Html.Kendo().Grid<PWeb_App.ViewModels.ResultModel>()        
            .Name("Result")
            .HtmlAttributes(new { @Style = "align:center; font-size:10px; width:985px" })               
            .Columns(columns =>
            {
                columns.Bound(p => p.GivenName).Width(90);
                columns.Bound(p => p.FamilyName).Width(90);       
            })
            .ToolBar(toolbar => toolbar.Save())
            .Editable(editable => editable.Mode(GridEditMode.PopUp))
            .Sortable()        
            .Pageable(paging => paging
                .Input(false)
                .Numeric(true)        
                .PreviousNext(true)
                .PageSizes(new int[] { 5, 10, 25, 50 })
                .Refresh(false)        
            )        
            .Selectable()
            .Scrollable()
            .ColumnMenu(c => c.Columns(false))
            .DataSource(dataSource => dataSource        
                .Ajax()//bind with Ajax instead server bind
                .PageSize(10)
                .ServerOperation(true)
                .Model(model =>
                    {
                        model.Id(p => p.Pid);
                        model.Field(p => p.FamilyName).Editable(false);
                        model.Field(p => p.GivenName).Editable(false);        
                    })
                   .Read(read => read.Action("GetData", "Details").Type(HttpVerbs.Get))
                            .Update("Edit", "Details")

                )

        )

Answer 1

您可以使用 grid add row api 调用来触发 add-popup，如下所示：

<script>
    $('#btnAdd').click(function () {
        grid = $("#Result").data("kendoGrid");
        grid.addRow();
    });        
</script>