使用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>