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：

<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页面。

Kendo窗口 - 请勿在提交时关闭窗口

1 个答案: