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

我有下面的网格和按钮。我试图实现的是在点击btnAdd时触发Kendoui弹出窗口。我知道，这可以实现，若你们把按钮在剑道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")

                )

        )

$（'#btnAdd'）。单击（函数（）{
});
@（Html.Kendo（）.Grid（））
.名称（“结果”）
.HtmlAttributes（新的{@Style=“align:center；字体大小：10px；宽度：985px”}）
.列（列=>
{
columns.Bound（p=>p.GivenName）.Width（90）；
columns.Bound（p=>p.FamilyName）.Width（90）；
})
.ToolBar（ToolBar=>ToolBar.Save（））
.Editable（可编辑=>Editable.Mode（GridEditMode.PopUp））
.Sortable（）
.Pageable（分页=>分页
.输入（错误）
.数字（真）
.PreviousNext（真）
.PageSizes（新的int[]{5,10,25,50}）
.刷新（错误）
)        
.可选（）
.Scrollable（）
.column菜单（c=>c.Columns（false））
.DataSource（DataSource=>DataSource
.Ajax（）//使用Ajax绑定，而不是服务器绑定
.页面大小（10）
.ServerOperation（真）
.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））
.更新（“编辑”、“详细信息”）
)
)

您可以使用网格api调用触发添加弹出窗口，如下所示：

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

$（'#btnAdd'）。单击（函数（）{
网格=$（“#结果”）.data（“kendoGrid”）；
grid.addRow（）；
});        

您可以使用网格api调用触发添加弹出窗口，如下所示：

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

$（'#btnAdd'）。单击（函数（）{
网格=$（“#结果”）.data（“kendoGrid”）；
grid.addRow（）；
});        

也许添加可编辑的“弹出窗口”可以解决您的问题？

也许添加可编辑的“弹出窗口”可以解决您的问题？

谢谢。但我正在尝试使用弹出窗口，而不是incell。谢谢，我想说的是，只要从工具栏中删除.Save（），我们的弹出窗口就会弹出，否则会抛出错误。谢谢。但我正在尝试使用弹出窗口，而不是incell。谢谢，我想说的是，只要从工具栏中删除.Save（），我们的弹出窗口就会弹出，否则会抛出错误。你的按钮脚本不应该包含几行js，以便在网格外工作吗？你的按钮脚本不应该包含几行js，以便在网格外工作吗？这是一个答案，但它并没有试图回答这个问题。它可能是一个编辑，一个评论，另一个问题，或完全删除。请阅读这篇文章。这篇文章是作为答案发布的，但它并不试图回答这个问题。它可能是一个编辑，一个评论，另一个问题，或完全删除。请看这个。