如何使用 asp.net MVC 和 jQuery 实现带有" Add / Remove"按钮的列表框

Question

目前我有以下部分视图，其中列出了所有可用的用户和一个"Add User to class "链接旁边的每个用户注册一个用户在一个类:-

@model IEnumerable<Elearning.Models.User>
<tr>
    <th>
        Student ID
    </th>
</tr>
@foreach (var item in Model) {
    <tr >
        <td>
            @Html.DisplayFor(modelItem => item.UserID)
        </td>
        <td id = "userclass">
              @Ajax.ActionLink("Add User to Class", "Register", "User", new { id = item.UserID, classid = ViewBag.id },
                  new AjaxOptions { 
                      InsertionMode = InsertionMode.InsertAfter,
                      HttpMethod = "POST",
                      UpdateTargetId = "incrementadd"
               })
         </td>
    </tr>
}

点击"Add User to Class"链接时调用的动作方法是:-

[AcceptVerbs(HttpVerbs.Post)]
public PartialViewResult Register(string id, int classid)
{
    try
    {
       //Update code here
       User user = r.FindUser(id);
       Users_Classes uc = new Users_Classes();
       uc.AddedDate = DateTime.Now;
       uc.ClassID = classid;
       user.Users_Classes.Add(uc);
       r.Save();
       ViewBag.classid = classid;
       return PartialView("_usersearch2", uc);
    }
}

上面的代码工作得很好，但我发现它不容易通过点击链接添加每个用户。所以我试图添加一个列表框与添加/删除按钮注册和注销用户基于用户的选择，但我不知道我如何修改我的代码来实现列表框与"添加/删除"按钮使用Jquery，使我的系统更用户友好。谁可以参考我的帮助材料或样本代码，可以帮助我在我的发展?最好的祝福

Answer 1

对于简单的多重选择，我使用这个jquery插件:

http://harvesthq.github.com/chosen/

然后在你的视图中添加如下内容:

@Html.ListBoxFor(model => model.YourCollectionProperty, MyRepository.FetchPropertySelectList().ToList())

非常简单易用。

如果您需要更多关于如何实现的帮助或建议，请告诉我。