用户组列表  
 @Html.ActionLink("添加用户组", "Add", "UserGroup")                 @foreach (var item in Model)  {                  }  
  @Html.DisplayNameFor(model => model.Name)     @Html.DisplayNameFor(model => model.Type)     @Html.DisplayNameFor(model => model.Description)  
  @Html.DisplayFor(modelItem => item.Name)      @Html.DisplayFor(modelItem => item.Type)      @Html.DisplayFor(modelItem => item.Description)      @Html.ActionLink("修改", "Edit", new { id = item.UserGroupId }) |  @Html.ActionLink("删除", "Delete", new { id = item.UserGroupId })   
 

运行浏览器里看下效果,还行。

现在应该添加一个下拉菜单,可以选择不同的用户组类型来显示相应类型的用户组

在【UserGroupController】添加属性TypeSelectList

/// 
 /// 用户组类型的SelectList列表
 /// 
 public List TypeSelectList
 {
 get
 {
 List _items = new List();
 _items.Add(new SelectListItem { Text = UserGroupType.Anonymous.ToString(), Value = ((int)UserGroupType.Anonymous).ToString() });
 _items.Add(new SelectListItem { Text = UserGroupType.Limited.ToString(), Value = ((int)UserGroupType.Limited).ToString() });
 _items.Add(new SelectListItem { Text = UserGroupType.Normal.ToString(), Value = ((int)UserGroupType.Normal).ToString() });
 _items.Add(new SelectListItem { Text = UserGroupType.Special.ToString(), Value = ((int)UserGroupType.Special).ToString() });
 return _items;
 }
 }

修改[List]Action代码

/// 
 /// 用户组列表
 /// 
 /// 用户组类型
 /// 
 [AdminAuthorize]
 public ActionResult List(int Id = -1)
 {
 userGroupRsy = new UserGroupRepository();
 IQueryable _userGroup;
 if (Id == -1) _userGroup = userGroupRsy.List();
 else _userGroup = userGroupRsy.List(Id);
 var _typeLists = TypeSelectList;
 _typeLists.Insert(0, new SelectListItem { Text = "全部", Value = "-1" });
 if (_typeLists.Any(t => t.Value == Id.ToString())) _typeLists.SingleOrDefault(t => t.Value == Id.ToString()).Selected = true;
 ViewData.Add("GroupTypeList",_typeLists);
 return View(_userGroup);
 }

在L.cshtml视图里@Html.ActionLink("添加用户组", "Add", "UserGroup")后面添加
用户组类型:@Html.DropDownList("GroupTypeList")

底部添加


 $("#GroupTypeList").change(function () {
 
 window.location.href = "/UserGroup/List/" + $(this).children("option:selected").val();
 })

完成后的List.cshtml代码如下:

@model IEnumerable

@{
 ViewBag.Title = "用户组列表";
 Layout = "~/Views/Layout/_Manage.cshtml";
}

 
 左侧列表



 
 
 用户组列表
 
 @Html.ActionLink("添加用户组", "Add", "UserGroup") 用户组类型:
 @Html.DropDownList("GroupTypeList")
 
 
 
 
 
 
 
 
 @foreach (var item in Model)
 {
 
  
  
  
  
 
 }
 
  @Html.DisplayNameFor(model => model.Name)     @Html.DisplayNameFor(model => model.Type)     @Html.DisplayNameFor(model => model.Description)  
  @Html.DisplayFor(modelItem => item.Name)      @Html.DisplayFor(modelItem => item.Type)      @Html.DisplayFor(modelItem => item.Description)      @Html.ActionLink("修改", "Edit", new { id = item.UserGroupId }) |  @Html.ActionLink("删除", "Delete", new { id = item.UserGroupId })   
   $("#GroupTypeList").change(function () {    window.location.href = "/UserGroup/List/" + $(this).children("option:selected").val();  })

完成,浏览器中查看一下


MVC4制作网站在如何浏览用户组操作

上述内容就是MVC4制作网站在如何开发浏览用户组操作,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注创新互联行业资讯频道。


网页题目:MVC4制作网站在如何浏览用户组操作-创新互联
链接分享:http://tjjierui.cn/article/djhgsp.html