添加编辑表,如何将行更改为编辑模式?

时间:2013-12-18 11:51:07

标签: c# jquery asp.net-mvc razor

下面是我的用户表和当前添加/编辑布局的剃刀代码

<table class="smalltable" cellpadding="0" cellspacing="0" id="tblUsers">
    <thead>
        <tr>
            <th>&nbsp;</th>
            <th>First Name</th>
            <th>Last Name</th>
            <th>Dept</th>
            <th>Assyst Name</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>@{ Html.BeginForm("AddEditUser", "Home"); }
                 <input type="submit" value="Add" id="btnSave" name="cmd" class="plain-button" />
            </td>
            <td>@Html.Editor("Forename")</td>
            <td>@Html.Editor("Surname")</td>
            <td>@Html.DropDownList("lstDepts")</td>
            <td>@Html.Editor("AssystName")
             @{ Html.EndForm(); }</td>
        </tr>
        @foreach (var User in Model)
        {
            <tr>
                <td>@Html.ActionLink("Edit", "AddEditUser", new { id = User.ID }, new { name = "cmd", value = "Edit" })</td>
                <td>
                    @User.Forename
                </td>
                <td>
                    @User.Surname
                </td>
                <td>
                    @User.Dept
                </td>
                <td>
                    @User.AssystName
                </td>
            </tr>
        }
    </tbody>
</table>

我想要实现的是当按下编辑时,编辑链接所在的行变成编辑框,我如何使用编辑用户详细信息加载添加表单(我可以使用隐藏ID并设置它与查询字符串)但我想真正编辑

任何人都知道怎么做或者能把我指向正确的地方吗?

感谢

0 个答案:

没有答案