Kendo ui 组装N嵌套的剑道UI网格asp.NET MVC 4

Kendo ui 组装N嵌套的剑道UI网格asp.NET MVC 4,kendo-ui,kendo-grid,kendo-asp.net-mvc,Kendo Ui,Kendo Grid,Kendo Asp.net Mvc,我正在寻找剑道UI网格中的N级嵌套子行为。 到目前为止,我已经实现了3-4级,但这些网格必须在代码中硬编码 请指导是否有人以动态方式或以子网格的形式动态生成网格 如果可能的话,任何替代方案都可以达到同样的效果 我希望你们能帮上忙。我编辑了这里的详细模板演示: 小提琴: 细节行在展开之前不会初始化(它们在DOM中不存在)。因此,在我们展开包含新网格的行之前,无法调用新网格 幸运的是,Kendo提供了一个“detailInit”事件,您可以将它插入并初始化子网格 更新.net绑定: 首先,您需要在

我正在寻找剑道UI网格中的N级嵌套子行为。 到目前为止,我已经实现了3-4级,但这些网格必须在代码中硬编码

请指导是否有人以动态方式或以子网格的形式动态生成网格 如果可能的话,任何替代方案都可以达到同样的效果


我希望你们能帮上忙。

我编辑了这里的详细模板演示:

小提琴:

细节行在展开之前不会初始化(它们在DOM中不存在)。因此,在我们展开包含新网格的行之前,无法调用新网格

幸运的是,Kendo提供了一个“detailInit”事件,您可以将它插入并初始化子网格

更新.net绑定: 首先,您需要在页面上定义一个模板。在模板中使用类而不是ID很重要。您的模板将被多次使用,并且您希望保持ID的唯一性

<script type="text/x-kendo-template" id="template">
    <div class="orders"></div>                
</script>
现在我们需要连接我们的第一个网格来使用启动函数

$(document).ready({
    $("#Grid").data("kendoGrid").bind("detailInit", detailInit);
});

我希望这能有所帮助。

我将尝试此方法并在此处更新结果。我将在asp.NETMVC代码中尝试这一点。我希望这能很好地解决问题,您可以定义模板或要从中提取的模板Id,但不能定义detailInit事件。您需要在页面加载时使用JQuery来定义它。这里有一些例子:我很难在asp.net MVC中获得同样的行为。如果您有任何建议,请使用我将用于.net绑定的过程更新上述内容。
@(Html.Kendo().Grid<mySite.ViewModels.GridViewModel>()
    .Name("Grid")
    .ClientDetailTemplateId("template")
    .Columns(columns => .....
function detailInit(e) {
    var detailRow = e.detailRow;                                        

    detailRow.find(".orders").kendoGrid({
        detailTemplate: kendo.template($("#template").html()),
        detailInit: detailInit,
        ....
$(document).ready({
    $("#Grid").data("kendoGrid").bind("detailInit", detailInit);
});