MVC4做网站后台:用户管理 ——用户组 2、查看、修改、删除用户组

查看用户组资料和修改用户组资料结合在一起，在用户组列表双击查看用户组资料，修改资料点保存可以保存用户组，点删除可以删除用户组。

先在UserGroupController中添加 action public ActionResult Index(int id)

/// <summary>

        /// 用户组信息

        /// </summary>

        /// <param name="id">用户组Id</param>

        /// <returns>局部视图</returns>

        public ActionResult Index(int id)

        {

            return PartialView(iUserGroup.Find(id));

        }

右键添加视图

@model Ninesky.Models.UserGroup



<div class="c_navbar">后台管理 >> 用户组管理 >> 修改用户组</div>

<div class="easyui-tabs">

    <div title="基本信息">

        @using (Html.BeginForm("Modify", "UserGroup"))

        {

            @Html.AntiForgeryToken()

            <div class="fs_wapper">

                <div class="header">修改用户组 @Html.HiddenFor(model => model.UserGroupId)</div>

                @Html.ValidationSummary()

                <table class="fieldset">

                    <tr>

                        <th>@Html.LabelFor(model => model.Name)<span>*</span></th>

                        <td>@Html.EditorFor(model => model.Name)

                            @Html.ValidationMessageFor(model => model.Name)

                            2-12个字符。

                        </td>

                    </tr>

                    <tr>

                        <th>@Html.LabelFor(model => model.Type)<span>*</span></th>

                        <td>

                            <input name="Type" id ="Type" class="easyui-combobox" data-options="textField:'Name',valueField:'Value',url:'@Url.Action("TypeList", "UserGroup")'" value="@Model.Type" />

                            @Html.ValidationMessageFor(model => model.Type)

                        </td>

                    </tr>

                    <tr>

                        <th>@Html.LabelFor(model => model.Description)</th>

                        <td>@Html.EditorFor(model => model.Description)

                            @Html.ValidationMessageFor(model => model.Description)

                            最多50个字符。

                        </td>

                    </tr>

                    <tr>

                        <th></th>

                        <td>

                            <a id="UserGroupModify_Save" href="javascript:void()" class="easyui-linkbutton">保存</a>

                            <a id="UserGroupDelete_Save" href="javascript:void()" class="easyui-linkbutton">删除</a>

                        </td>

                    </tr>

                </table>

            </div>

        }

    </div>

    <div title="上传设置">……</div>

    <div title="权限设置">……</div>

</div>

<script type="text/javascript">

    $("#UserGroupModify_Save").click(function () {

        $.post($('form').attr('action'), $('form').serializeArray(), function (rt) {

            if (rt.Authentication == 0) {

                if (rt.Success) {

                    $.messager.alert("修改用户组成功", rt.Message, "info");

                }

                else {

                    if (rt.ValidationList != undefined) ShowValidationMessage(rt.ValidationList);

                    $.messager.alert("修改用户组失败", rt.Message, "error");

                }

            }

            else {

                AuthenticationFailed(rt.Authentication);

            }

        }, 'json');

    });



    $("#UserGroupDelete_Save").click(function () {

        $.messager.confirm('确认', '你确定要删除此用户组吗？', function (r) {

            if (r) {

                $.post('@Url.Action("Delete","UserGroup")', { Id: '@Model.UserGroupId' }, function (data) {

                    if (data.Success) {

                        $.messager.alert("删除成功", data.Message, "", function () {

                            SetCenter("@Url.Action("List","UserGroup")");

                        });

                    }

                    else $.messager.alert("错误", data.Message, "error");

                }, 'json');

            }

        });

    });

</script>

@Scripts.Render("~/bundles/jqueryval")

预览效果

上传设置、权限设置、以后单独实现。

下面做接受处理、修改和删除的action。在接口和UserGroupRepository已经写了数据库的处理代码，这里实现起来就比较简单了。

修改的

/// <summary>

        /// 修改用户组

        /// </summary>

        /// <param name="userGroup">用户组</param>

        /// <returns>Json</returns>

        [HttpPost]

        public ActionResult Modify(UserGroup userGroup)

        {

            JsonViewModel _jViewModel = new JsonViewModel(ModelState);

            if (ModelState.IsValid)

            {

                if (iUserGroup.Modify(userGroup))

                {

                    _jViewModel.Success = true;

                    _jViewModel.Message = "修改用户组成功！";

                }

                else

                {

                    _jViewModel.Success = false;

                    _jViewModel.Message = "修改用户组失败！可能原因：数据未更改。";

                }

            }

            return Json(_jViewModel);

        }

删除的

/// <summary>

        /// 删除用户组

        /// </summary>

        /// <param name="id">用户组Id</param>

        /// <returns>Json</returns>

        [HttpPost]

        public ActionResult Delete(int id)

        {

            JsonViewModel _jsonViewModel = new JsonViewModel() { Authentication = 0 };

            var _userGroup = iUserGroup.Find(id);

            if (_userGroup == null)

            {

                _jsonViewModel.Success = false;

                _jsonViewModel.Message = "用户组不存在";

            }

            else

            {

                //删除上传设置。如果存在

                //删除权限设置。如果存在

                //删除组

                if (iUserGroup.Delete(_userGroup))

                {

                    _jsonViewModel.Success = true;

                    _jsonViewModel.Message = "删除用户组成功";

                }

                else

                {

                    _jsonViewModel.Success = false;

                    _jsonViewModel.Message = "发生未知错误，删除失败";

                }

            }

            return Json(_jsonViewModel);

        }

 

代码：http://pan.baidu.com/s/1sj0d5TV