javascript - 如何在按钮单击事件上加载 View 作为 Kendo 窗口弹出窗口

Question

我试图仅在单击按钮的事件时在剑道窗口中加载 View 。 实际上，每次加载基本页面时都会显示弹出窗口。我希望该弹出窗口仅在按钮的单击事件上加载。

我错过了什么吗？我还在 html 按钮中添加了 onclick 事件并调用 openWindow() javascript 方法。但它也不起作用，显然出了什么问题。

是否可以将下面kendo Window的服务器代码放在jquery函数中？如果是，怎么办？

<% Html.Kendo().Window()
      .Name("partListGridWindow")
      .Width(800)
.......
%>

这是我的 JQuery 代码:

$(document).ready(function () {
   $("#partListLink")
        .bind("click", function () {
            $("#partListGridWindow").data("kendoWindow").open().center();
        });
});

剑道窗口: 在 LoadContentFrom 中，我调用 PartList，它是从声明 Controller 返回我的 View 的操作名称。

<% Html.Kendo().Window()
               .Name("partListGridWindow")
               .Width(800)
               .Modal(true)
               .Title("Part List Info")
               .Content("Loading Part List Info...")
               .LoadContentFrom("PartList", "Claim", Model)
                //.Visible(false)
               .Draggable()
               .Resizable()
               .Render();
%>

这是 html 按钮:

<a id="partListLink" class="k-button" onclick=openWindow()></a>

顺便说一句，我在 Telerik 论坛上看到他们推荐这个公式来隐藏窗口 Visible = false 但这应该是一种绕过负载的方法那些位于基页加载开始处的窗口。

如果有数十个或更多的弹出窗口需要加载，该怎么办？

非常感谢任何帮助! 非常感谢您的帮助!

Answer 1

如果您的 Kendo 窗口在基本页面加载时填充，您必须设置 .Visible(false)。这就是我们在之前的项目中所做的。

这是点击事件

function clientLaunchWindow() {

     var window = $("#Window").data("kendoWindow");

     window.refresh({
             url: "/Order/LaunchWindow"        
     });      
     window.center();
     window.open();

您的 Controller 将只返回部分 View

public ActionResult LaunchWindow()
    {
       return PartialView("_PartialView");
    }