Kendo Window - 提交时不要关闭 Window

Question

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

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:

<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 小部件的实际含义有些困惑。这不是真正的 window。导航到另一个页面时不能让它可见。 HTML 样式看起来像 window。这是一种错觉。一旦您导航离开，它就不再呈现。该页面已被替换。即使您的 link 目标是空白 window，您也无法将其拖到另一页。不能拖出页面边界。

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

中打开的独立 HTML 页面

Kendo Window - 提交时不要关闭 Window

Kendo Window - Don't Close Window on Submit

html

javascript

jquery

kendo-ui

kendo-window