MVC-列表页操作按钮调用脚本

如上图所示功能：点击右边的“编辑”和“重置按钮”，调用js实现弹出框功能。

1、写脚本：

    <script type="text/javascript">
        function edit(username) {
            $.dialog({
                title: "管理员资料编辑",
                content: 'url:Edit?userName=' + username,
                max: false,
                min: false,
                lock: true,
                drag: false,
                resize: false,
                background: "#000000",
                opacity: 0.5
            });
        }
    </script>

2、列表代码：

 @foreach (var item in Model)
    {
        <tr>
            <td>@Html.DisplayFor(p => item.UserName)</td>
            <td>@Html.DisplayFor(p => item.NickName)</td>
            <td>@Html.DisplayFor(p => item.Email)</td>
            <td>@Html.DisplayFor(p => item.Mobile)</td>
            <td>@Html.DisplayFor(p => item.Phone)</td>
            <td>@Html.DisplayFor(p => item.AdminTypeStr)</td>
            <td>@Html.DisplayFor(p => item.IsCheckedStr)</td>
            <td>@Html.DisplayFor(p => item.IsLockedStr)</td>
            <td>
                <a href="javascript:undefined;" onclick="edit('@Html.DisplayFor(p => item.UserName)')">编辑</a>
                @Html.ActionLink("重置角色", "", new { userName = item.UserName }, new { @style = "margin-left:10px;" })
            </td>
        </tr>
    }