javascript - Kendo 窗口 - 提交时不要关闭窗口

Question

我想显示一个 Kendo 窗口，并在用户单击提交图像后将其保留。我在谷歌上搜索了各种术语，试图找出如何做到这一点，但没有运气。任何帮助将不胜感激。

jQuery:

function OpenPopupbusschallengeFromDrp(ddl) {
    $("#btnlnkButton").removeAttr("href");
    if (ddl.value != 0) {
        $("#btnlnkButton").attr("href", 
            "SubmitIdea.aspx?businessidea=" + ddl.value);
        $("#dvbusinesschallengedialouge").kendoWindow({
            width: "600px",
            height: "315px",
            title: "OPS Forum / Idea Exchange Challenge",
            visible: false, 
            actions: ["Close"], 
            close: ClosePopupBusinessChallenge,
        }).data("kendoWindow").center().open();
    }
} 

我的分区:

<div id="dvbusinesschallengedialouge" style="display: none;">
    <p>
        <span style="color: #E20074; font-weight: bold; font-size: 16px;">
            Idea Challenge :
        </span>
    </p>
    <ol>
        <li type="disc" class="liheader">Local Tools Indentification</li>
        <li type="disc" class="liheader">Opportunity (or Pain Point):</li>

    </ol>
    <div style="position: absolute; right: 10px; bottom: 10px;">
        <a target="" id="btnlnkButton" href="SubmitIdea.aspx?businessidea=1">
            <img style="width: 180px;" src="../images/submitIdea.png"></a>
    </div>
</div>

Answer 1

我相信您对 Kendo UI 窗口小部件的实际含义有些困惑。这不是一个真正的 window 。导航到另一个页面时，您无法使其保持可见。它采用 HTML 样式，看起来像一个窗口。这是一种幻觉。一旦您离开，它就不再渲染。页面已被替换。即使您的链接目标是空白窗口，您也无法将其拖动到另一个页面。不能将其拖到页面边界之外。

相反，您可能希望在实际窗口而不是 Kendo 小部件中呈现窗口内容。换句话说，您的弹出窗口将是您在空白窗口中打开的独立 HTML 页面。