ASP.net Razor MVC5在我的cshtml页面中的javascript中插入@ {}

Question

new to razor so here is my question.

I am wanting to add some dynamic code to my JavaScript created button:

$('<button ' +
    '"class="btn btn-default btn-outline" ' +
    'id="addEvent" ' +
    'style="top: -20px; position: relative;" ' +
    'data-tooltips="' + @Html.Raw(new ETTData.Models.Held.tips()._tips["RequestID"]) + '">' +
    'Add New Event' +
 '</button>').insertBefore('#theDT_paginate .pagination');

As you can see above, the data-tooltips is the area where I am trying to insert razor code.

Though it seems not to be working. It's just displaying like this:

$('<button ' +
    '"class="tips btn btn-default btn-outline" ' +
    'id="addEvent" ' +
    'style="top: -20px; position: relative;" ' +
    'data-tooltips="' + example 1 + '">' +
    'Add New Event' +
  '</button>').insertBefore('#theDT_paginate .pagination');

And giving the error of:

Expected ')'

I've tried the example that I found HERE but that does not seem to work?

Answer 1

Since you are embedding the C#/Razor code into the javascript, you really don't need to use the concat for that part since JS doesn't know the differece. Try

'data-tooltips="@Html.Raw(new ETTData.Models.Held.tips()._tips["RequestID"])">' +

Which should result in:

'data-tooltips="example 1' +

That said, your @Html.Raw output is "example 1". Do you really want that space in there?

Unless "example1" is a JS variable defined previously, then you do want the concat but you want to get rid of that space.