码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-06-08 18:55:56      阅读:145      评论:0      收藏:0      [点我收藏+]

标签:

技术分享

如上图所示功能:点击右边的“编辑”和“重置按钮”,调用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>
    }

 

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

标签:

原文地址:http://www.cnblogs.com/yaosuc/p/4561449.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!