MVC4做网站后台:用户管理 ——用户组 1、添加用户组

打开控制器UserGroupController

添加Add action

/// <summary>

        /// 添加用户组

        /// </summary>

        /// <returns>分部视图</returns>

        public ActionResult Add()

        {

            return PartialView();

        }

右键添加视图

@model Ninesky.Models.UserGroup



<div class="c_navbar">后台管理 >> 用户组管理 >> 添加用户组</div>

@using (Html.BeginForm())

{

    @Html.AntiForgeryToken()

    <div class="fs_wapper">

        <div class="header">添加用户组</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="0" />

                    @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="UserGroupAdd_Save" href="javascript:void()" class="easyui-linkbutton">添加</a>

                </td>

            </tr>

        </table>

    </div>

}

<script type="text/javascript">

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

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

            if (rt.Authentication == 0) {

                if (rt.Success) {

                    $(document.body).append("<div id='CategoryAdd_SuccessDialog'></div>");

                    $('#CategoryAdd_SuccessDialog').dialog({

                        title: '操作成功',

                        width: 280,

                        height: 138,

                        closed: false,

                        cache: false,

                        content: '<br />添加用户组成功',

                        modal: true,

                        buttons: [{

                            text: '继续添加',

                            handler: function () {

                                var _layout = $('#layout');

                                var _center = _layout.layout('panel', 'center');

                                _center.panel('refresh');

                                $('#CategoryAdd_SuccessDialog').dialog('destroy');

                            }

                        }, {

                            text: '返回用户组列表',

                            handler: function () {

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

                                $('#CategoryAdd_SuccessDialog').dialog('destroy');

                            }

                        }]

                    });

                }

                else {

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

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

                }

            }

            else {

                AuthenticationFailed(rt.Authentication);

            }

        }, 'json');

    });

</script>

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

在控制器中添加接收数据并保存的action

[HttpPost]

        public ActionResult Add(UserGroup userGroup)

        {

            JsonViewModel _jViewModel = new JsonViewModel(ModelState);

            if (ModelState.IsValid)

            {

                if (iUserGroup.Add(userGroup))

                {

                    _jViewModel.Success = true;

                    _jViewModel.Message = "添加用户组成功！";

                }

                else

                {

                    _jViewModel.Success = false;

                    _jViewModel.Message = "添加用户组失败！未能保存到数据库。";

                }

            }

            return Json(_jViewModel);

        }

效果图

 

 

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