How to pass c sharp List Object into java script function?

Question

I have tried it like that but the JS function doesn't invoke

initial:

@{   
    List<CmsSite.Models.Category> category_list = (List<CmsSite.Models.Category>)ViewData["categories_details"];
}

pass to js function:

<button onclick="InsertNewProduct(@Json.Encode(category_list))">Save</button>

js function:

function InsertNewProduct(arr) {

    json_obj = {
                   //what to do here
    }

now arr is an array of JSON objects

I can't see the List<CmsSite.Models.Category> category_list values

How should I decode this on JS?

Denys Denysenko · Accepted Answer · 2013-03-13 15:20:37Z

1

You can do this in following way:

@Json.Encode(category_list)

Upd:

<script>
    function testFunc(arr) {
        for (var i = 0; i < arr.length; i++) {
            alert(arr[i]);
        }
    }
</script>

<button onclick="testFunc(@Json.Encode(new List<string> { "1", "2", "3" }))">
    Save
</button>

If this don't work for you there may be problems with your model class (CmsSite.Models.Category) serialization.

edited Mar 13, 2013 at 15:20

answered Mar 13, 2013 at 12:51

Denys Denysenko

7,9341 gold badge22 silver badges31 bronze badges

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

3 Comments

Grant Thomas Over a year ago

Had no idea MVC just came with this. Good stuff.

David Munsa Over a year ago

i have edit the quastion, now i am getting an aray of objects

Denys Denysenko Over a year ago

I tried this with List and this works just fine. See updated answer.

Grant Thomas · Accepted Answer · 2013-03-13 12:51:08Z

0

The client won't see category_list because that's server-side code and isn't delivered. You could use JavaScriptSerializer to serialize the list into JSON and output that to a Javascript variable, or hidden field to reference with JavaScript.

The following should output the thing, just find a place to put it:

@Html.Raw(new JavaScriptSerializer().Serialize(category_list))

So, if you do this in a script block that will be rendered on the client, assign the output of that call to a variable and then it's present when the page is loaded.

answered Mar 13, 2013 at 12:51

Grant Thomas

45.1k10 gold badges88 silver badges129 bronze badges

1 Comment

David Munsa Over a year ago

i have edit the quastion, now i am getting an aray of objects

Collectives™ on Stack Overflow

How to pass c sharp List Object into java script function?

2 Answers 2

3 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related