Using C# object in razor view page

Question

I have this rows of c# code in View razor page:

@{
    List<UserContact> userContacts = ViewBag.contacts;
    String contacts = Html.Partial("~/Views/Shared/Contacts.cshtml", userContacts).ToHtmlString();
}

I want to use the content of contacts variable in JavaScript function since the contacts is a C# object I cant use this variable in JavaScript function.

Is there any way to use contacts variable in Javascript function? Maybe since the type is string it can be converted to JavaScript variable?

in a script: var partialHtml = '@contacts';

Jonesopolis
– Jonesopolis

2014-10-23 12:53:34 +00:00
Commented Oct 23, 2014 at 12:53 — Jonesopolis
– Jonesopolis, Commented Oct 23, 2014 at 12:53

Patrick Hofman · Accepted Answer · 2014-10-23 13:00:44Z

3

You can use @ directives like you would normally do. You can print it using Html.Raw:

var x = /* this is javascript */
@{
    ...

    @Html.Raw(contacts)
}

Or just call @Html.Partial directly:

var x = /* this is javascript */
@{
    ...

    @Html.Partial(...)
}

Or declare it here:

@{
    ...

    string contacts = @Html.Partial(...)
}

And use it later:

@contacts

edited Oct 23, 2014 at 13:00

answered Oct 23, 2014 at 12:54

Patrick Hofman

158k23 gold badges270 silver badges343 bronze badges

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

1 Comment

Michael Over a year ago

I need to pass the content of the contacts object to the parent view razor page, for this purpose I need to convert the C# object to JavaScript object.

Thomas C. G. de Vilhena · Accepted Answer · 2014-10-23 12:55:02Z

3

Yes there is, you only need to render it inside a script block. Try this:

<script>

    var contacts = '@contacts';
    alert(contacts);

</script>

answered Oct 23, 2014 at 12:55

Thomas C. G. de Vilhena

14.7k3 gold badges58 silver badges45 bronze badges

Collectives™ on Stack Overflow

Using C# object in razor view page

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related