ASP.NET MVC 4 - Dynamically Creating Table Using Javascript and C# Array Data

Question

For my project, I would like to dynamically display a table containing information from my database. Unfortunately, I am unable to pass the c# array containing all of my database's information into a Javascript array. I have tried creating a hidden field like this:

<input type="hidden" id="tutors" name="tutors" value="<%: PeerTutoring.StaticData.GetTutorsSerialized()%>" />

The method GetTutorsSerialized is:

public static string GetTutorsSerialized()
    {
        char[] stuff = new JavaScriptSerializer().Serialize(new PeerTutoring.Models.PeerTutoringDataContext().Tutors).ToArray();
        return stuff.ToString();
    }

Next, I have tried accessing this information from Javascript like this:

var x = $('#tutors').val()
        alert(x);

This displays the message "System.Char[]" in the alert box. The length of the 'x' is also 13, which is the length of the string "System.Char[]".

Also, once I have got this array working, will I be able to access fields of the object's held in the Javascript array like this? :

x[0].Email

Thanks for the help.

Community · Accepted Answer · 2017-05-23 12:13:00Z

1

Instead of .toString(), try new string(stuff);

.NET / C# - Convert char[] to string

edited May 23, 2017 at 12:13

CommunityBot

11 silver badge

answered Jun 14, 2013 at 2:08

norepro

7772 gold badges9 silver badges18 bronze badges

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

Comments

bitwiser · Accepted Answer · 2013-06-14 01:39:37Z

1

Why not pass the data to the view using a view model and use c# to generate the table?

<table>
    <%
        foreach(var m in Model)
        { %>
            <tr>
                <td><%: m.Property1 %></td>
                <td><%: m.Property2 %></td>
            </tr>
        <% }
    %>
</table>

For more info on passing data to a view in MVC: http://blogs.msdn.com/b/nunos/archive/2010/02/04/quick-tips-about-asp-net-mvc-how-do-i-pass-data-to-a-view.aspx

answered Jun 14, 2013 at 1:39

bitwiser

2212 silver badges9 bronze badges

1 Comment

user1162850 Over a year ago

I will be changing the table dynamically, based on the value's of other controls on the page. I do not think this plan would allow me to change the table dynamically.

Collectives™ on Stack Overflow

ASP.NET MVC 4 - Dynamically Creating Table Using Javascript and C# Array Data

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related