Click here to Skip to main content
Rate this: bad
good
Please Sign up or sign in to vote.
See more: Ajax jQuery
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 23: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 at 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
0 OriginalGriff 274
1 Sergey Alexandrovich Kryukov 255
2 Shweta N Mishra 216
3 PIEBALDconsult 200
4 BillWoodruff 174
0 OriginalGriff 7,630
1 Sergey Alexandrovich Kryukov 7,022
2 DamithSL 5,586
3 Manas Bhardwaj 4,946
4 Maciej Los 4,525


Advertise | Privacy | Mobile
Web04 | 2.8.1411023.1 | Last Updated 24 Dec 2012
Copyright © CodeProject, 1999-2014
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