How to load a partialview with an int array use jquery in asp.net mvc

Question

I use this code to get checked date,but it's not get the int[] value. Where is wrong.

View Page:

        function displayCheckedPersons() {
        var $checkedRecords = new Array();
        var j;
        j = 0;
           var nodes = $("#PersonTree").jstree("get_checked",null,true); 
           $.each(nodes, function (i, element) {
               if ($(element).attr("ifPerson") == "Y") {
                   $checkedRecords[j] = $(element).attr("id");
                   j = j + 1;
               };
           });

       if ($checkedRecords.length < 1) {
            alert('Please Select Persons first.');
            return;
        }


        $('#result').load('<%= Url.Action("DisplayCheckedPersons", "Scheduling") %>',$checkedRecords);
    }
</script>

Action Code:

        public ActionResult DisplayCheckedPersons(int[] checkedRecords)
    {
        AttendMSDataContext db = new AttendMSDataContext();
        checkedRecords = checkedRecords ?? new int[] { };
        return PartialView("CheckedPersons", db.Persons.Where(o => checkedRecords.Contains(o.id)));
    }

Edit by dai: I used $ajax to post the array,like this:

 $.ajax({
            type: "POST",
            url: "<%= Url.Action("DisplayCheckedPersons", "Scheduling") %>",
            data: { checkedRecords: checkedPersons },
            dataType: "html",
            success: function (request) { $("#result").html(request); },
            traditional: true
        });

I'm don't think its the cause but you dont need to be using $ infront of checkedRecords. — Henry
– Henry, Commented Aug 17, 2011 at 20:40

Henry · Accepted Answer · 2011-08-19 14:40:52Z

0

The data needs to be used like this:

$('#result').load('<%= Url.Action("DisplayCheckedPersons", "Scheduling") %>', $checkedRecords);

Becomes:

$('#result').load('<%= Url.Action("DisplayCheckedPersons", "Scheduling") %>', { checkedRecords: $checkedRecords });

The syntax is:

{ expectedName: JavascriptVariable, expectedName2: JavascriptVariable2 }

Edit:

Here is an Ajax example showing how to load your content. The .load example from abouve should work im not sure whats going wrong for you but here you go:

$.ajax({ 
    type: "POST",
    url: "<%= Url.Action("DisplayCheckedPersons", "Scheduling") %>",
    data: { checkedRecords: checkedPersons },
    dataType: "json",
    success: function(data) {
            $("#YourDiv").html(data);
        }
    });

edited Aug 19, 2011 at 14:40

answered Aug 17, 2011 at 20:43

Henry

2,1971 gold badge15 silver badges28 bronze badges

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

13 Comments

dai.frank Over a year ago

The JavascriptVariable is $checkedRecords ,if use :$('#result').load('<%= Url.Action("DisplayCheckedPersons", "Scheduling") %>',{checkedRecords: checkedRecords});Get a error :checkedRecords is not defined

Henry Over a year ago

Rename $checkedRecords to checkedRecords

dai.frank Over a year ago

Thanks for you help! But,the array values not passed to the function while renamed $checkedRecords to checkedPersons, the parameter int[] still null.I think the main problem is how to pass array values from javascript to asp.net mvc function by $.load().

Henry Over a year ago

@Steve, why add the $ back in its not really convention that was the whole point of removing it.

Henry Over a year ago

@dai, Have you checked firebug to see what data is being posted, if any?

|

Collectives™ on Stack Overflow

How to load a partialview with an int array use jquery in asp.net mvc

1 Answer 1

13 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

13 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related