Kendo ui 剑道细节模板上的按钮点击未触发（分层网格中子网格上的按钮）

我有一个分层网格，在主网格上，我在网格顶部有一个按钮，使用工具栏模板单击它打开剑道窗口。这个很好用。在子网格上，我必须具有相同的功能，在子网格的顶部有一个按钮，单击按钮应该会显示剑道窗口。但是子网格上的按钮点击没有触发。下面是代码

 /My main grid
<div class="container-fluid">
    <div class="row">
        <div class="col-xs-18 col-md-12">
            @(Html.Kendo().Grid<BHEBS.Areas.Admin.Models.ContractModel.providers>()
        .Name("grid")
        .Columns(columns =>
        {
            columns.Bound(p => p.Id).Filterable(false).Width(50);
            columns.Bound(p => p.ContractorType);
            columns.Bound(p => p.BHSISNum);
            columns.Bound(p => p.StartDate).Format("{0:MM/dd/yyyy}");
            columns.Bound(p => p.EndDate).Format("{0:MM/dd/yyyy}");
            columns.Bound(p => p.ContractorIsAlsoRegion);
            columns.Bound(p => p.ContractorName);
            columns.Bound(p => p.AddressBkNum);

        })
        .Pageable()
        .Sortable()
        .Scrollable()
        .Filterable()
        .Selectable()
        .ClientDetailTemplateId("template")
        .HtmlAttributes(new { style = "height:550px;" })
        .DataSource(dataSource => dataSource
        .Ajax()
        .PageSize(20)
        .Read(read => read.Action("Contractors_Read", "Contract").Data("additionalInfo"))
        )

        .ToolBar(toolbar =>
{
    toolbar.Template(@<text>
        <div class="toolbar">
            <button class="k-button k-button-icontext k-grid-add k-primary" id="providerskendowindow">Add Providers</button>

        </div>
    </text>);
})

            )
        </div>
    </div>
</div>

//my child grid

<script id="template" type="text/kendo-tmpl">
    @(Html.Kendo().Grid<BHEBS.Areas.Admin.Models.ContractModel.serviceDetails>()
            .Name("grid_#=Id#")
            .Columns(columns =>
            {
                columns.Bound(o => o.Id).Width(50);
                columns.Bound(o => o.ServiceId);
                columns.Bound(o => o.ServiceType);
                columns.Bound(o => o.AdultChild);
                columns.Bound(o => o.IFGSwitch);
                columns.Bound(o => o.CodeModifier);
                columns.Bound(o => o.ServiceModifier);
                columns.Bound(o => o.StartDate).Format("{0:MM/dd/yyyy}");
                columns.Bound(o => o.EndDate).Format("{0:MM/dd/yyyy}");
            })
             .ToolBar(toolbar =>
{
    toolbar.Template(@<text>
        <div class="toolbar">
            <button class="k-button k-button-icontext k-grid-add k-primary" id="serviceskendowindow">Add Services</button>
        </div>
    </text>);
})
                    .DataSource(dataSource => dataSource
                        .Ajax()
                        .PageSize(10)
                      .Read(read => read.Action("Services_Read", "Contract", new { contractorId = "#=Id#" }))
                    )

                    .Pageable()
                    .Sortable()
                    .ToClientTemplate()

    )
</script>

//Main grid button click window

@(Html.Kendo().Window()
    .Name("providerwindow")
    .Title("Add Business Units")
    .Content(@<text><div class="container-fluid">
            <div class="row">
                <div class="col-xs-18 col-md-12">
                    @(Html.Kendo().Grid<BHEBS.Areas.Admin.Models.ContractModel.providers>()
        .Name("grid1")
        .Columns(columns =>
        {
            columns.Template(x => { }).HtmlAttributes(new { @class = "chkbox" }).ClientTemplate("<input type='checkbox' class='checkbox' id = 'chk' onclick='SetCheckBOX()' />");
            columns.Bound(p => p.Id).Filterable(false).Width(50);
            columns.Bound(p => p.ContractorType);
            columns.Bound(p => p.BHSISNum);
            columns.Bound(p => p.StartDate).Format("{0:MM/dd/yyyy}");
            columns.Bound(p => p.EndDate).Format("{0:MM/dd/yyyy}");
            columns.Bound(p => p.ContractorName);
        })
                .Pageable()
                .Sortable()
                .Scrollable()
                .Filterable()
                .Selectable(selectable => selectable.Mode(GridSelectionMode.Multiple))
                .HtmlAttributes(new { style = "height:350px;" })
                .DataSource(dataSource => dataSource
                .Ajax()
                .PageSize(20)
                                .Read(read => read.Action("Contractors_Read", "Contract").Data("additionalInfo"))
                )
                    )
                    <button class="k-button close-button k-primary" style="bottom: 10px; ">Cancel</button>
                    <button class="k-button k-primary" id="showSelection" style="bottom: 10px; ">Add</button>
                </div>

            </div>


        </div></text>
            )
            .Draggable()
    .Resizable()
    .Width(800)

    .Visible(false) 
)

//Child grid button click kendo window

@(Html.Kendo().Window()
    .Name("servicewindow")
    .Title("Add Business Units")
    .Content(@<text><div class="container-fluid">
            <div class="row">
                <div class="col-xs-18 col-md-12">
                    @(Html.Kendo().Grid<BHEBS.Areas.Admin.Models.ContractModel.serviceDetails>()
        .Name("grid1")
        .Columns(columns =>
        {
            columns.Template(x => { }).HtmlAttributes(new { @class = "chkbox" }).ClientTemplate("<input type='checkbox' class='checkbox' id = 'chk' onclick='SetCheckBOX()' />");
            columns.Bound(p => p.Id).Filterable(false).Width(50);
            columns.Bound(p => p.ServiceId);
            columns.Bound(p => p.ServiceType);
            columns.Bound(p => p.StartDate).Format("{0:MM/dd/yyyy}");
            columns.Bound(p => p.EndDate).Format("{0:MM/dd/yyyy}");
            columns.Bound(p => p.AdultChild);
        })
                .Pageable()
                .Sortable()
                .Scrollable()
                .Filterable()
                .Selectable(selectable => selectable.Mode(GridSelectionMode.Multiple))
                .HtmlAttributes(new { style = "height:350px;" })
                .DataSource(dataSource => dataSource
                .Ajax()
                .PageSize(20)
                                      .Read(read => read.Action("Services_Read", "Contract", new { contractorId = "#=Id#" }))
                )
                    )
                    <button class="k-button close-button k-primary" style="bottom: 10px; ">Cancel</button>
                    <button class="k-button k-primary" id="showSelection" style="bottom: 10px; ">Add</button>
                </div>

            </div>


        </div></text>
            )
            .Draggable()
    .Resizable()
    .Width(800)

    .Visible(false)

)


<script>
    function additionalInfo() {
        var contractId =@Html.Raw(Json.Encode(ViewBag.ContractService.Id));
        return {
            Id: contractId
        }
    }
    $(document).ready(function(){
        $("#providerskendowindow").click(function(){
            alert("inside");
            $("#providerwindow").data("kendoWindow").center().open();
        });
        $("#serviceskendowindow").click(function(){
            alert("inside");
            $("#servicewindow").data("kendoWindow").center().open();
        });

    });
    $(".close-button").click(function(){
        // call 'close' method on nearest kendoWindow
        $(this).closest("[data-role=window]").kendoWindow("close");
    });
</script>

/My主网格
@（Html.Kendo（）.Grid（））
.名称（“网格”）
.列（列=>
{
columns.Bound（p=>p.Id）.Filterable（false）.Width（50）；
columns.Bound（p=>p.ContractorType）；
columns.Bound（p=>p.BHSISNum）；
columns.Bound（p=>p.StartDate）.Format（“{0:MM/dd/yyyy}”）；
columns.Bound（p=>p.EndDate）.Format（“{0:MM/dd/yyyy}”）；
columns.Bound（p=>p.contractorialsoregion）；
columns.Bound（p=>p.ContractorName）；
columns.Bound（p=>p.AddressBkNum）；
})
.Pageable（）
.Sortable（）
.Scrollable（）
.可过滤（）
.可选（）
.ClientDetailTemplateId（“模板”）
.HtmlAttributes（新的{style=“height:550px；”}）
.DataSource（DataSource=>DataSource
.Ajax（）
.页面大小（20）
.Read（Read=>Read.Action（“承包商读取”、“合同”）.Data（“附加信息”））
)
.ToolBar（ToolBar=>
{
工具栏.模板(@
添加提供者
);
})
)
//我的孩子网格
@（Html.Kendo（）.Grid（））
.Name（“grid#=Id#”）
.列（列=>
{
columns.Bound（o=>o.Id）.Width（50）；
columns.Bound（o=>o.ServiceId）；
columns.Bound（o=>o.ServiceType）；
columns.Bound（o=>o.AdultChild）；
columns.Bound（o=>o.IFGSwitch）；
columns.Bound（o=>o.CodeModifier）；
columns.Bound（o=>o.ServiceModifier）；
columns.Bound（o=>o.StartDate）.Format（“{0:MM/dd/yyyy}”）；
columns.Bound（o=>o.EndDate）.Format（“{0:MM/dd/yyyy}”）；
})
.ToolBar（ToolBar=>
{
工具栏.模板(@
添加服务
);
})
.DataSource（DataSource=>DataSource
.Ajax（）
.页面大小（10）
.Read（Read=>Read.Action（“Services_Read”，“Contract”，new{contractorId=“#=Id#“}））
)
.Pageable（）
.Sortable（）
.ToClient模板（）
)
//主网格按钮单击窗口
@（Html.Kendo（）.Window（））
.Name（“providerwindow”）
.标题（“添加业务单位”）
.内容(@
@（Html.Kendo（）.Grid（））
.名称（“grid1”）
.列（列=>
{
columns.Template（x=>{}）.HtmlAttributes（new{@class=“chkbox”}）.ClientTemplate（“”）；
columns.Bound（p=>p.Id）.Filterable（false）.Width（50）；
columns.Bound（p=>p.ContractorType）；
columns.Bound（p=>p.BHSISNum）；
columns.Bound（p=>p.StartDate）.Format（“{0:MM/dd/yyyy}”）；
columns.Bound（p=>p.EndDate）.Format（“{0:MM/dd/yyyy}”）；
columns.Bound（p=>p.ContractorName）；
})
.Pageable（）
.Sortable（）
.Scrollable（）
.可过滤（）
.Selectable（可选=>Selectable.Mode（GridSelectionMode.Multiple））
.HtmlAttributes（新的{style=“height:350px；”}）
.DataSource（DataSource=>DataSource
.Ajax（）
.页面大小（20）
.Read（Read=>Read.Action（“承包商读取”、“合同”）.Data（“附加信息”））
)
)
取消
添加
)
.Draggable（）
.可调整大小（）
.宽度（800）
.可见（假）
)
//子网格按钮单击剑道窗口
@（Html.Kendo（）.Window（））
.Name（“服务窗口”）
.标题（“添加业务单位”）
.内容(@
@（Html.Kendo（）.Grid（））
.名称（“grid1”）
.列（列=>
{
columns.Template（x=>{}）.HtmlAttributes（new{@class=“chkbox”}）.ClientTemplate（“”）；
columns.Bound（p=>p.Id）.Filterable（false）.Width（50）；
columns.Bound（p=>p.ServiceId）；
columns.Bound（p=>p.ServiceType）；
columns.Bound（p=>p.StartDate）.Format（“{0:MM/dd/yyyy}”）；
columns.Bound（p=>p.EndDate）.Format（“{0:MM/dd/yyyy}”）；
columns.Bound（p=>p.AdultChild）；
})
.Pageable（）
.Sortable（）
.Scrollable（）
.可过滤（）
.Selectable（可选=>Selectable.Mode（GridSelectionMode.Multiple））
.HtmlAttributes（新的{style=“height:350px；”}）
.DataSource（DataSource=>DataSource
.Ajax（）
.页面大小（20）
.Read（Read=>Read.Action（“Services_Read”，“Contract”，new{contractorId=“#=Id#“}））
)
)
取消
添加
)
.Draggable（）
.可调整大小（）
.宽度（800）
.可见（假）
)
函数additionalInfo（）{
var construcd=@Html.Raw（Json.Encode（ViewBag.ContractService.Id））；
返回{
Id:收缩的
}
}
$（文档）.ready（函数（）{
$（“#提供程序窗口”）。单击（函数（）{
警惕（“内部”）；
$（“#providerwindow”）.data（“kendoWindow”）.center（）.open（）；
});
$(document).on('click', '#serviceskendowindow', function() {
  alert("inside");
  $("#servicewindow").data("kendoWindow").center().open();
});