Kendo Window UI控件 [英] Kendo Window UI control

问题描述

大家好，这是另一回事，我身边有一点问题。





我在视图中使用kendo窗口弹出窗口。我正在使用kendo代码，它首先在document.ready（）上显示窗口，当我关闭窗口时它会给我链接。



我想首先显示我的链接，所以当用户点击链接时，弹出窗口会有更多的选项和字段。



这是我的代码...

Hellow everyone this is sohaib ameen here again with a little problem at my side.


I am using kendo window for popup window on my view. I am using kendo code which shows me window first on "document.ready()" and when I close the window it gives me the link.

I want to show my link first so when the user will click on link a popup window will come having further options and fields in it.

Here is my code ...

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


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

        if (!window.data("kendoWindow")) {
            window.kendoWindow({

                //visible: false,
                width: "600px",
                height: "500px",
                draggable: false,
                actions: ["Minimize", "Maximize", "Close"],
                resizable: false,
                title: "Report Activity",
                content: "../../AlertCounselor.htm",
                close: onClose



            });
        }

请找我解决这个问题的方法...

非常感谢!!

please find me a way to resolve this ...
Thanks alot !!

推荐答案

（ #window），
undo =

("#window"), undo =

（ #undo）
.bind（ click ，function（）{
window.data（ kendoWindow）。open（）;
window.data（ kendoWindow）。center（）;
alert （ 窗口打开）;
undo.show（）;
}）;


var onClose = function（）{
undo.show（）;
}

if （！window.data（ < span class =code-string> kendoWindow））{
window.kendoWindow（{

// visible：false，
width： 600px，
高度： 500px，
可拖动： false ，
操作：[ 最小化， 最大化， 关闭]，
可调整大小： false ，
title：< span class =code-string> 报告活动，
内容： .. /../ AlertCounselor.htm，
关闭：onClose



}）;
}

("#undo") .bind("click", function () { window.data("kendoWindow").open(); window.data("kendoWindow").center(); alert("Window Opened"); undo.show(); }); var onClose = function () { undo.show(); } if (!window.data("kendoWindow")) { window.kendoWindow({ //visible: false, width: "600px", height: "500px", draggable: false, actions: ["Minimize", "Maximize", "Close"], resizable: false, title: "Report Activity", content: "../../AlertCounselor.htm", close: onClose }); }

请找我解决这个问题的方法...

非常感谢!!

please find me a way to resolve this ...
Thanks alot !!

而不是将代码放在documnet.ready（）中，



执行以下操作，



在您的链接显示页面中， < br $>


@（Html.Kendo（）。窗口（）

.Name（customWindow）

。内容（< div id =''customWindowContent''>< / div>）

。可见（false）

.Modal（true）

。宽度（700）

）



在jQuery文件中，编写以下函数，



customEdit：function（）{

Hi,

Instead of putting the code in documnet.ready(),

do the following,

In your link display page,

@(Html.Kendo().Window()
.Name("customWindow")
.Content("<div id=''customWindowContent''></div>")
.Visible(false)
.Modal(true)
.Width(700)
)

In a jQuery File, Write a following function,

custom function () {

这篇关于Kendo Window UI控件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！