首页 > Web开发 > 详细

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

时间:2015-06-08 18:55:30      阅读:312      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!