Click here to Skip to main content
13,201,050 members (61,494 online)
Rate this:
 
Please Sign up or sign in to vote.
See more:
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 !!
Posted 23-Dec-12 22:14pm

1 solution

Rate this: bad
 
good
Please Sign up or sign in to vote.

Solution 1

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,

customEdit: function () {
$("#customWindowContent").load("/ProjectName/ControllerName/ActionMethodName", { null } , function () {
$("#customWindow").data("kendoWindow").title("Edit ")").center().open();
});
}

In Controller, write the following as action method,

public ActionResult CustomPartial()
{
return PartialView();
}

your action method name and partial view name should be same.

In your link the call the jQuery function in 'onclick' event.
  Permalink  
Comments
Jay Taplin 3-May-13 15:10pm
   
Great solution - thank you. I've been chasing a solution like this around for hours.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
Top Experts
Last 24hrsThis month


Advertise | Privacy |
Web03 | 2.8.171020.1 | Last Updated 24 Dec 2012
Copyright © CodeProject, 1999-2017
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100