zoukankan      html  css  js  c++  java
  • 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>
        }
  • 相关阅读:
    nginx设置开机自启
    sublimeText3和phpstrom使用
    快捷键整理
    nginx日志分割及备份
    nginx日志设置
    nginx上部署PHP
    C语言三种参数传递方式
    浮点数在内存中的存储方式
    windows下git安装过程
    偏移二进制编码和二进制补码的区别
  • 原文地址:https://www.cnblogs.com/yaosuc/p/4561449.html
Copyright © 2011-2022 走看看