用 Kendo MVC 项目替换 Kendo Dialog 的内容？

我有这个 kendo mvc ui 项目：

@(Html.Kendo().Dialog()
  .Name("Details")
  .Title(GetText("menutreeselectionbutton", "Role/ManageRoleTemplates"))
  .Content(
      Html.Kendo().TreeView()
          .Name("menuTreeView")
          .TemplateId("treeview-template")
          .LoadOnDemand(false)
          .AutoScroll(true)
          .DataSource(source =>
          {
              source.Model(model => model.Id("MenuItemId")
                  .HasChildren("HasChildren"))
              .Read(read => read.Action("_GetMenuItems", "Role").Data("GetRoleIdFromHiddenField"))
              .Events(e => e.RequestEnd("requestEndHandler"));
          })
          .ToHtmlString()
    )
  .Visible(false)
  .Modal(true)
  .Width(400)
  .Actions(actions =>
  {
      actions.Add().Text(GetText(Constant.CANCEL, Constant.TEXT_GLOBAL));
      actions.Add().Text(GetText(Constant.SAVE, Constant.TEXT_GLOBAL)).Primary(true).Action("saveMenuTreeSelection");
  }))

这个想法是有一个包含一些信息的网格，您可以单击每个条目的按钮，打开一个带有树视图的对话框，您可以在那里进行一些选择。

问题是，这个 treeview 是在页面加载时加载的，这会花费大量不必要的后端访问。当您关闭对话框并为网格中的另一个条目打开它时也会出现问题，因为显示了上一个选择的树视图，同时获取了新数据以便可以重新加载。

所以我只想在对话框打开时加载树视图（或渲染它），并在关闭时再次“清除”它。

关于如何解决这个问题的任何想法？

我试图用 javascript 替换读取操作，但我无法让它工作。我也尝试像这样替换内容（这里稍微修改，以提高可读性）：

$("#Details").data("kendoDialog").content("@(Html.Kendo().TreeView()
        .Name("menuTreeView")
          .TemplateId("treeview-template")
          .LoadOnDemand(false)
          .AutoScroll(true)
          .DataSource(source =>
          {
              source.Model(model => model.Id("MenuItemId")
                  .HasChildren("HasChildren"))
              .Read(read => read.Action("_GetMenuItems", "Role").Data("GetRoleIdFromHiddenField"))
              .Events(e => e.RequestEnd("requestEndHandler"));
          })
          .ToHtmlString().Replace(Environment.NewLine, ""))");

这“有效”，但它不呈现，只显示原始 html 代码，如下所示：

我很茫然。它按原样工作正常，但根本不是最佳的。