0

I want to show a Kendo window and leave it up after the user clicks the submit image. I have googled for various terms in an attempt to find out how to do this, but have had no luck. Any help would be greatly appreciated.

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();
    }
}

my 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>
4

1 回答 1

1

我相信您对 Kendo UI Window 小部件的实际含义有些困惑。它不是一个真正的窗口。导航到另一个页面时，您不能让它可见。它的 HTML 样式看起来像一个窗口。这是一种错觉。一旦你离开，它就不再呈现了。页面已被替换。即使您的链接目标是一个空白窗口，您也不能将它拖到另一个页面。它不能被拖到页面边界之外。

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

于 2016-03-10T21:58:08.670 回答