33

ブラウザーの中央に 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>
4

4 に答える 4

9

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

accessWindow.data("kendoWindow").center();
accessWindow.data("kendoWindow").open();
于 2013-05-10T11:42:30.757 に答える
6

1. コードの最後の 2 行を入れ替える必要があります。まず、ウィンドウを開く必要があり、それから中央に配置できます。

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

actions: {}
于 2013-05-03T21:57:32.220 に答える
0

以下のものは私のために働きます。モーダルとして気に入らない場合は、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"
            ]
        });
于 2015-12-17T08:36:04.293 に答える