Combining JavaScript and ASP.NET MVC HTML code issue

Question

I plan to use some Model properties to manage JavaScript code in HTML/Razor.

   "columnDefs": [
               {

                   "render": function (data, type, row) {                        

                       @if (Model.ConfigViewModel.AllowDeleteAnyUsers)
                       {
                           return '<center><img class="cursor-hand" onclick="javascript:ConfirmRemoveUser(this)"  data-userId="' + row.Id + '"  data-userName="' + row.UserName + '"   src="images/delete.png" width="16" height="16" border="0"></center>'
                       }
                       else
                       {
                           return '<center><img class="cursor-hand" onclick="javascript:ConfirmRemoveUser(this)"  data-userId="' + row.Id + '"  data-userName="' + row.UserName + '"   src="images/delete-disabled.png" width="16" height="16" border="0"></center>'
                       } 
                   },
                   "targets": 3
               }

But elements of JS code like row.Id are giving errors like.

Compiler Error Message: CS1012: Too many characters in character literal

Any clue how to combine Razor and JS?

"You're trying to use single quotes for string literals, ..." See: stackoverflow.com/questions/20600191/… — Aliz
– Aliz, Commented May 3, 2016 at 13:59

Nemanja Todorovic · Accepted Answer · 2016-05-03 14:00:33Z

1

Try to write it like this:

 @if (Model.ConfigViewModel.AllowDeleteAnyUsers)
 {
     <text>
     return '<center><img class="cursor-hand" onclick="javascript:ConfirmRemoveUser(this)"  data-userId="' + row.Id + '"  data-userName="' + row.UserName + '"   src="images/delete.png" width="16" height="16" border="0"></center>';
     </text>
  }

answered May 3, 2016 at 14:00

Nemanja Todorovic

2,8802 gold badges21 silver badges38 bronze badges

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

Collectives™ on Stack Overflow

Combining JavaScript and ASP.NET MVC HTML code issue

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related