0

私は会社のプロジェクトの一部であるカウンセラーポータルに取り組んでおり、上司から特定のリンクのポップアップにkendow windopopcontrolを使用するようにアドバイスされました。

私は剣道のアプリケーションコントロールを使用してそれを行いましたが、少し問題が発生し、見た目や気分が少し悪くなります。

1つのページにリンクがあり、いずれかのリンクがクリックされるとアプリケーションはポップアップウィンドウを使用するように表示されますが、実際にページを実行するとポップアップ剣道ウィンドウが最初に表示され、最小化または閉じるとリンクが機能し始めます私たちの望みに応じて。

document.ready（function（）{}）;にポップアップウィンドウを表示するjqueryコードに問題があると確信しています。ただし、リンクがクリックされたときに機能するはずです。

私はここに私のコードを投稿していますそれをより洗練された見栄えの良いものにするために私を助けてください

var window = $("#window"),
                        undo = $("#undo")
                                .bind("click", function () {
                                    window.data("kendoWindow").open();
                                    window.data("kendoWindow").center();
                                    undo.hide();
                                });




var onClose = function () {
    undo.show();
}

if (!window.data("kendoWindow")) {
    window.kendoWindow({
        width: "600px",
        height: "500px",
        draggable: false,
        actions: ["Minimize", "Maximize", "Close"],
        resizable: false,
        title: "Report Activity",
        content: "../../AlertCounselor.htm",
        close: onClose
    });
}

HTML：

<div id="window"></div>

            <label id="undo" style="display:none; width:200px;" class="k-group" ><a href="#">Alert Counselor</a></label>
4

1 に答える 1

2

ドキュメントがロードされたときにウィンドウを表示したくない場合はvisible: false、初期化で指定する必要があります (こちらのドキュメントを確認してください)。

次のリンクがあるとします。

<a href="#" id="open">Click here for opening the window and not before</a>

次に、ウィンドウを次のように定義します。

var myWindow = window.kendoWindow({
    visible  : false,
    width    : "600px",
    height   : "500px",
    draggable: false,
    actions  : ["Minimize", "Maximize", "Close"],
    resizable: false,
    title    : "Report Activity",
    content  : "../../AlertCounselor.htm",
    close    : onClose
}).data("kendoWindow");

これにより、ウィンドウが開かれるのを待ってウィンドウが閉じたままになります。

最後clickに、リンクのイベント ハンドラーを定義します。

$("#open").on("click", function() {
    myWindow.open();
});
于 2012-12-20T09:31:47.710 に答える