Pass list with Jquery

Question

I have this code:

$("#allphotos").click(function () {

                $("<div></div>")
                    .addClass("dialog")
                    .appendTo("body")
                    .dialog({
                        close: function() { $(this).remove(); },
                        modal: true,
                        height: 1000,
                        width: 1000
                    })
                    .load("/Home/AllPhotos", data);

            });

And this method:

public ActionResult AllPhotos()
        {
            var listofPhotos =
                RavenSession.Query<ContentPage>()
                    .Where(o => o.Template.ContentPageType == "aPhoto_web.Models.Photography, aPhoto_web")
                    .AsProjection<Photography>()                  
                    .ToList();
            var avm = new AdminViewModel();
            avm.Photographys = listofPhotos;

            return PartialView("_allPhoto", avm.Photographys);


        }

The method returns a list of photographys that i would like the Jquery to display in a dialog. Im pretty sure this line:

.load("/Home/AllPhotos", data);

Is the problem. Any ideas of what to try?

VIEW:

@model aPhoto_web.Models.AdminPages.AdminViewModel
           <h1>Test to see if dialog is empty...and it is</h1>
 @foreach (var item in Model.Photographys)
 {
     <img src="@item.ImgUrl"/>
 }

You are not expecting any parameter in your controller, try just .load("/Home/AllPhotos"); — Saranga
– Saranga, Commented Aug 1, 2014 at 9:12
No parameters. Im starting to think that there is a problem wit the view im trying to pass. Even if i harcode in some <p>Hello</p> in it it is empty.. — user2915962
– user2915962, Commented Aug 1, 2014 at 9:14

Kartikeya Khosla · Accepted Answer · 2014-08-01 09:24:43Z

1

Use @Url.Action and remove data from .load() because you don't want to send anything to controller as :

$("#allphotos").click(function () {

            $("<div></div>")
                .addClass("dialog")
                .appendTo("body")
                .dialog({
                    close: function() { $(this).remove(); },
                    modal: true,
                    height: 1000,
                    width: 1000
                })
                .load(@Url.Action("AllPhotos", "Home");
        });

and correct return type of AllPhotos because your partial view is expecting AdminViewModel object.

public ActionResult AllPhotos()
        {
            var listofPhotos =
                RavenSession.Query<ContentPage>()
                    .Where(o => o.Template.ContentPageType == "aPhoto_web.Models.Photography, aPhoto_web")
                    .AsProjection<Photography>()                  
                    .ToList();
            var avm = new AdminViewModel();
            avm.Photographys = listofPhotos;

            return PartialView("_allPhoto", avm); <---------


        }

edited Aug 1, 2014 at 9:24

answered Aug 1, 2014 at 9:02

Kartikeya Khosla

18.9k8 gold badges46 silver badges70 bronze badges

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

3 Comments

Kartikeya Khosla Over a year ago

what is "data" that you are passing in .load()..??@user2915962

user2915962 Over a year ago

yup =) thats the problem, i do not know how to take care of the result from the method(a view) and pass it to the dialog

Kartikeya Khosla Over a year ago

@user2915962...there must be a problem in AllPhotos action just check ....in visual studio if you have error in partialview it donot show you have to carefully check for problems...

Saranga · Accepted Answer · 2014-08-01 09:24:18Z

1

You are not expecting any parameter in your controller, try this in your JavaScript code.

.load("/Home/AllPhotos");

And try this in your view.

return PartialView("_allPhoto", avm);

Your view is expecting AdminViewModel.

answered Aug 1, 2014 at 9:24

Saranga

3,2281 gold badge20 silver badges26 bronze badges

Collectives™ on Stack Overflow

Pass list with Jquery

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related