asp.net mvc 3 call javascript from controller action

Question

this is what my controller action looks like -

public void GetResizedImage(int height, int width, int GroupingId)
{
    //Generate image here
    image.RenderToStream();
    //here i need to execute "$("#modalDialog").dialog("option", "position", 'center');" to center my dialog after image is rendered.
}

In my client side, i am assigning the image src like this -

var imgsrc = "Group/GetResizedImage/?height=" + height + "&width=" + width + "&GroupingId=" + GroupingId;
$("#ImageDiv").find("#MyImage").attr("src", imgsrc);

And the image is rendered on jquery dialog, so the dialog resizes and it gets hidden in the right side of browser, which creates horizontal scroll bar, and i dont want the scroll bar on my screen

Is there anyway to center my jquery modal dialog after the image is rendered? I know i used to use ScriptManager.RegisterClientScriptBlock in webforms but since this is MVC i cannot use it. Any help would be appreciated. Thanks

This is not an action method, since its return type is void. A controller action method has to return an ActionResult, or a subclass of ActionResult. — danludwig
– danludwig, Commented Dec 15, 2011 at 22:42

John Kalberer · Accepted Answer · 2011-12-15 22:46:37Z

2

You can bind to the load event of the image. Here is some example code since you haven't included all your javascript (I haven't tested this but the load event is the general idea):

var imgsrc = "Group/GetResizedImage/?height=" + height + "&width=" + width + "&GroupingId=" + GroupingId;
var img = $("#ImageDiv").find("#MyImage")
img.load(function() {
    // call your resize here
});
img.attr("src", imgsrc);

answered Dec 15, 2011 at 22:46

John Kalberer

5,8001 gold badge25 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Travis J Over a year ago

That is an awesome idea! I wish I could add more than +1

danludwig · Accepted Answer · 2011-12-15 22:43:32Z

0

You cannot execute script from a controller action method. Controller action methods execute on the server. Javascript & jQuery execute on the browser.

answered Dec 15, 2011 at 22:43

danludwig

47.3k27 gold badges164 silver badges240 bronze badges

1 Comment

Mandeep Janjua Over a year ago

That is not true. Using page object in asp.net we use to issue JS commands from server. This is correct that in the end JS executed in browser but we were able to made the execution conditional from server side. To see how to do in asp.net mvc please visit mazharkaunain.blogspot.com/2011/02/…

Collectives™ on Stack Overflow

asp.net mvc 3 call javascript from controller action

2 Answers 2

1 Comment

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Related