web-dev-qa-db-ja.com

Kendo UIのモーダルウィンドウをページの中央に強制する方法は？そして、すべてのアクションを無効にする方法は？

ブラウザーの中央にKendo UIモーダルウィンドウを表示しようとしていますが、ページの下部に表示され続けます。これは、ウィンドウの唯一の可視部分がトップバーであり、残りの部分がウィンドウが見えなくなります。ウィンドウをドラッグしたときにのみ適切に表示できます。ウィンドウに使用されているdivにスタイルが適用されていないため、そのように表示される理由がわかりません。

また、ウィンドウの上部バーのすべてのアクションボタンを無効にし、空のアクション配列を設定しようとしましたが、デフォルトとして閉じるボタンが表示されています。ウィンドウのタイトルを上部に表示する方法はありますかバー？ウィンドウ内のボタンがクリックされたときに、ウィンドウを非表示にします。

これは私がウィンドウを作成する方法です：

var accessWindow = $("#accessDiv").kendoWindow({
    actions: [],
    draggable: true,
    height: "300px",
    modal: true,
    resizable: false,
    title: "Access",
    width: "500px"
});

accessWindow.center();
accessWindow.open();

これは、ラベル、入力、ボタンのみを持つ私のdivです。現時点ではCSSは適用されていません。

<div id="accessDiv" style=" width: 100%; height: 100%; background-color: #fff;">
    <label>Enter access key</label>
    <input type="text" />
    <input type="button" title="Enter" value="Enter" />
</div>
jquerykendo-uimodal-dialog
33
Uriel Arvizu

隠してから、中央に置いて開いてみましたか？

var accessWindow = $("#accessDiv").kendoWindow({
 actions: {}, /*from Vlad's answer*/
 draggable: true,
 height: "300px",
 modal: true,
 resizable: false,
 title: "Access",
 width: "500px",
 visible: false /*don't show it yet*/
}).data("kendoWindow").center().open();

from： http://www.kendoui.c​​om/forums/ui/window/kendowindow-center-doesn-t-work-when-inside-an-iframe.aspx

62
plinkplink

最後の2行は次のようになります。

accessWindow.data("kendoWindow").center();
accessWindow.data("kendoWindow").open();
8
jfl

1.最後の2行のコードを交換する必要があります。まず、ウィンドウを開く必要があります。次に、ウィンドウを中央に配置できます。

2.アクションなしでウィンドウを表示するには、空のオブジェクトを渡す必要があります。

actions: {}
6
Vlad Omelyanchuk

以下は私のために働く。モーダルとして気に入らない場合は、falseに設定するか削除します。

 var window = $("#addBlacklistWind");

   $("#btnAddBlacklist").bind("click", function () {
            window.data("kendoWindow").center().open();
        });

        window.kendoWindow({
            width: "800px",
            title: "Add New Blacklist",
            modal: true,
            visible: false,
            actions: [
                "Maximize",
                "Close"
            ]
        });
0
sethu madhav