jak przekazać wartość brzytwy do funkcji jquery, w widoku mvc

Question

Tak więc próbuję przekazać parametr do funkcji javascript za pomocą notacji maszynki "@" (w widoku MVC-4), ale jestem błąd składniowy: "Niezapośredniczona stała ciągu"

Czy istnieje inny sposób, w jaki powinienem to napisać?

@foreach (var item in Model) 
{ 
... 
    <input type="button" value="Assign" onclick="AssignButtonClicked('@item.ID')" /> 
} 

Użyłem tej samej składni jak ta odpowiedź https://stackoverflow.com/a/5179316/1662619

Edit:

to tylko błąd składni, funkcjonalność nadal działa

Answer 1

Jeśli można użyć JQuery.data()

<input type="button" value="Assign" onclick="AssignButtonClicked(this)" 
     data-assigned-id="@item.ID" /> 

Ponadto może on być pobierany z wykorzystaniem

function AssignButtonClicked(elem){ 
    var id= $(elem).data('assigned-id'); 
} 

Answer 2

Próbowano z:

<input type="button" value="Assign" onclick="AssignButtonClicked('@item.ID');" /> 

Dodałem średnik na końcu funkcji javascript n nazywamy AssignButtonClicked('@item.ID');

Answer 3

Spróbuj tego,

<input type="button" value="Assign" onclick="AssignButtonClicked(@item.ID);" /> 

Script

<script type="text/javascript"> 

function AssignButtonClicked(obj) { 
     alert(obj); 
     return false; 
    } 
</script> 

Answer 4

Jako alternatywę, można użyć innego sposobu, aby uzyskać @item.ID w funkcji jQuery. Po prostu dodaj hiden span i uzyskaj jego wartość w swojej funkcji.

Say masz listę:

<ul> 
@foreach (var item in Model) 
{ 
... 
    <li> <input type="button" value="Assign" onclick="AssignButtonClicked()" /> 
     <span class="hidenID">@item.ID</span> 
</li> 
} 
</ul> 

niż w skrypcie dodać:

<script> 
$(document).ready(function(){ 
$('.hidenID').hide() //**hide your span 
}); 

function AssignButtonClicked() 
{ 
... 
var id = $(this).closest('li').find('.hidenID').text(); 
... 
} 

</script> 

Ale moim zdaniem lepszym rozwiązaniem dla jQuery jest następujący:

<ul> 
     @foreach (var item in Model) 
     { 
     ... 
      <li> <input type="button" value="Assign" class="button" /> 
       <span class="hidenID">@item.ID</span> 
     </li> 
     } 
     </ul> 
    <script> 
     $(document).ready(function(){ 
     $('.hidenID').hide() //**hide your span 
     }); 

     $(function(){ 
     $('.button').click(function(){ 
     ... 
     var id = $(this).closest('li').find('.hidenID').text(); 
     ... 
     } 
    }); 

}); 

    </script> 

Answer 5

spróbować ten

<input type="button" value="Assign" 
    onclick="@("AssignButtonClicked('"+item.ID+"')")" /> 

Answer 6

Aby uniknąć tego rodzaju problemu, można zbudować całą swoją js wywołanie funkcji w punkcie C# kodu.

Zamiast:

<input type="button" value="Assign" onclick="AssignButtonClicked('@item.ID')" /> 

użytkowania:

@{ 
    var assignFunctionCall = "AssignButtonClicked(" + item.ID + ")"; 
} 
<input type="button" value="Assign" onclick="@assignFunctionCall " />