ASP.NET MVC将模型数据传给JavaScript函数问题

使用APS.NET MVC编写页面,在Html中为javascript函数传入的参数为动态数据时,要注意将动态参数放在引号中,如下面代码中超链接的add函数所示。

<tbody>
  @{ int i = 1;}
  @foreach (Permission p in Model)
  {
    <tr>
      <td><input type="checkbox" data-code="@p.Code" data-desc="@p.Description"/></td>
       <td>@(i++)</td>
       <td>@p.Code</td>
       <td>@p.Description</td>
       <td><a onclick="add('@p.Code', '@p.Description');" style="cursor:pointer;">导入</a></td>
     </tr>
  }
</tbody>

原因如下:
如果直接将模型数据传入,那么最终的显示是这些数据被当做了变量名,会发生报错,页面源码如下。

<tr>
  <td><input type="checkbox" data-code="Permission-AddAll" data-desc="添加选择的权限到系统"/></td>
  <td>4</td>
  <td>Permission-AddAll</td>
  <td>添加选择的权限到系统</td>
  <td><a onclick="add(Permission-AddAll, 添加选择的权限到系统);" style="cursor:pointer;">导入</a></td>
</tr>

而用引号引起来后的页面源码如下:

<tr>
  <td><input type="checkbox" data-code="Permission-AddAll" data-desc="添加选择的权限到系统"/></td>
  <td>4</td>
  <td>Permission-AddAll</td>
  <td>添加选择的权限到系统</td>
  <td><a onclick="add('Permission-AddAll', '添加选择的权限到系统');" style="cursor:pointer;">导入</a></td>
</tr>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章