Load Content from Controller/Action, Pass Parameter by JavaScript

[Hardy Wang]

Hi all,

According to sample at http://www.telerik.com/help/aspnet-mvc/m_telerik_web_mvc_ui_fluent_windowbuilder_loadcontentfrom_2.html I could pass parameter to the controller/action.

But is there a way I can pass parameter(s) from client side dynamically? For example when I call open I can pass some parameters.

$('#Window').data('tWindow').open();

BTW, I can see all server side API and class references from help, but where can I find client side API references?

Thanks
Hardy

[nachid]

The code you showed does not more than opening the window
if you need to load a content from a controller/action, you need an ajaxrequest call
Search in this forum for the way to do it

[Hardy Wang]

Hi Nachid,

Yes, I could use Ajax call to get a partial view, but the question is how can I pass content to window from client side?

Hardy

[Mylène]

Hi Hardy,

Try this
var window = $('#Window').data('tWindow');
window.ajaxRequest("controllerName/actionName/");
window.center().open();

[CD]

Ok, that works to load content from the controller  by returning a view, but what about passing a parameter to the controller via javascript in order to use it in the model thats returned in the view?

[Alex Gyoshev]

Hi Cd,

We just improved the ajaxRequest() method to accept a second parameter, the data that you want to pass to the server, i.e.:

windowObject.ajaxRequest("/Customers/Info", { customerId: 42 });

The patched telerik.window.js is attached.

Greetings,
Alex Gyoshev
the Telerik team

[CD]

Nice, that's very nice... will you be doing the same update for the Splitter control?

[Alex Gyoshev]

Done.

splitterObject.ajaxRequest(".t-pane:first", "/Customers/Info", { customerId: 42 });

All the best,
Alex Gyoshev
the Telerik team

[mo2011ti]

Hi,

windowObject.ajaxRequest(...)not work for me.

i replaced the   telerik.window.min.js file  in my  Scripts\2011.2.712 to the new one posted here.

the error i get is:
Microsoft JScript runtime error: Object doesn't support property or method 'ajaxRequest'

i just delete all my temporary file etc' to let my webb app to load the new js file.. still not working, any help?

Thanks

Moti

[Alex Gyoshev]

Hi Moti,

Is windowObject defined and pointing to the client-side object of the window? Like so:

$("#WindowName").data("tWindow").ajaxRequest(...);

If it is, please provide more detail about how you are using the window.

Regards,
Alex Gyoshev
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[mo2011ti]

Hi Alex,

thanks for sending this, i made a mistake and call   $("#WindowName").ajaxRequest(...);

i fix it to :
$("#WindowName").data("tWindow").ajaxRequest(...);
and work very nice.

Thank you for yor reply.

Moti

[Nate]

Hey, so is the second parameter a JSON object? How do I evaluate the object on the controller side? Can you give me a sample of the action method that handles it?

Thanks,

[Georgi Krustev]

Hello Nate,

The second parameter is the URL to the Action. The third one is the data, which you want to send to the server and it should be JSON:

[JavaScript]:

splitterObject.ajaxRequest(".t-pane:first", "/Customers/Info", { customerId: 42 });

And the send customerId is evaluated in this way on the server:

[HttpPost]
public ActionResult Info(int customerId) {

//customerId is 42

}

Kind regards,
Georgi Krustev
the Telerik team

[cp]

I'm thinking you need to POST instead of GET as well as add the content type in the js file.

Thanks,

[Sreenivas]

I am seeing additional unknown parameter in the HTTP request.  I am using version 2011.2.914

Controller action:

[HttpGet]
public ActionResult ChangePasswordView(string userName)
{
    MembershipUser user = _userService.Get(userName);
    return View(PartialView("ChangePassword", user));
}

javascript code:

function password_onClick(e) {
    var username = e.id.split("_")[1];
    if (username != undefined || username != null) {
        var window = $('#ChangePasswordWindow').data('tWindow');
        window.ajaxRequest("ChangePasswordView", { userName: username });
        window.center().open();
    }
}

Firebug shows the following request:

     

"NetworkError: 500 Internal Server Error - http://localhost:58694/UserAdministration/ChangePasswordView?userName=natelunde&_=1321479858286"

What is the "&_=1321479501969" at the end?  How do I suppress it?

Thanks in advance.

[MiBu]

What is the "&_=1321479501969" at the end?  How do I suppress it? 

I have the same problem. So far I couldn't find a workaround to send data to controller action. Is there any way?

Thanks,
mbudimir

[Jeremy Wiebe]

That extra query parameter on the end is to prevent your browser from caching future requests to the same resource.  Try changing your build to "Release" mode and seeing if the parameter still gets tacked on.  I'm pretty sure it'll go away.  It's there so that during development you don't have problems with the browser caching things and causing problems.