相对于按钮位置的Kendo UI窗口

时间:2014-04-01 18:26:04

标签: kendo-ui kendo-window

我正在尝试将Kendo UI模态窗口放在我的按钮旁边,但它无法正常工作。

这是我的按钮点击代码:

$('#button').click(function() {
    var x = $("#button").offset().left;
    var y = $("#button").offset().top;

    window1 = $('#window1');
    if (!window1.data("kendoWindow")) {
        window1.kendoWindow({
            actions: ["Refresh", "Close"],
            width: "450px",
            position: {
                left: x,
                top: y
            },
            title: "Window Title",
            modal: true,
            resizable: false
        });
    }
    window1.show();
    window1.data("kendoWindow").open();
});

1 个答案:

答案 0 :(得分:3)

全部设定。

    $("#window1").closest(".k-window").css({
        top: y,
        left: x
    });