ASP.NET MVC5网站开发管理列表、回复及删除(十三)


一、管理列表
跟上次我的列表相似,直接贴代码了。

首先打开Consultation控制器,添加ManageList方法

/// <summary>
    /// 咨询管理
    /// </summary>
    /// <returns></returns>
    public ActionResult ManageList()
    {
      return View();
    }

添加返回json数据的ManageJsonList

public JsonResult ManageJsonList(int pageIndex = 1, int pageSize = 20)
    {
      int _total;
      var _list = commonModelService.FindPageList(out _total, pageIndex, pageSize, "Consultation", string.Empty, 0, string.Empty, null, null, 0).ToList().Select(
        cm => new Ninesky.Web.Models.CommonModelViewModel()
        {
          CategoryID = cm.CategoryID,
          CategoryName = cm.Category.Name,
          DefaultPicUrl = cm.DefaultPicUrl,
          Hits = cm.Hits,
          Inputer = cm.Inputer,
          Model = cm.Model,
          ModelID = cm.ModelID,
          ReleaseDate = cm.ReleaseDate,
          Status = cm.Status,
          Title = cm.Title
        });
      return Json(new { total = _total, rows = _list.ToList() });
    }

右键为ManageList添加试图

@{
  ViewBag.Title = "咨询管理";
}

<div id="toolbar">
  <div>
    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-remove',plain:true" onclick="del()">删除</a>
    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-reload',plain:true" onclick="$('#Consultation_List').datagrid('reload');">刷新</a>
  </div>
</div>

<table id="Consultation_List"></table>

<script src="~/Scripts/Common.js"></script>
<script src="~/Scripts/jquery.easyui.datagrid.detailview.js"></script>
<script type="text/javascript">
  $("#Consultation_List").datagrid({
    loadMsg: '加载中……',
    fitColumns: true,
    pagination: true,
    url: '@Url.Action("ManageJsonList", "Consultation")',
    columns: [[
      { field: 'ModelID', title: 'ID', checkbox: true },
      { field: 'Title', title: '标题' },
      { field: 'Inputer', title: '咨询人', align: 'right' },
      { field: 'ReleaseDate', title: '咨询日期', align: 'right', formatter: function (value, row, index) { return jsonDateFormat(value); } },
      { field: 'StatusString', title: '状态', width: 100, align: 'right' }
    ]],
    toolbar: '#toolbar',
    idField: 'ModelID',
    view: detailview,
    detailFormatter: function (rowIndex, rowData) { return '<div class="detail" style="width:100%,padding:5px 0"></div>'; },
    onExpandRow: function (index, row) {
      var detail = $(this).datagrid('getRowDetail', index).find('div.detail');
      $(detail).html("<iframe frameborder='0' marginwidth='0' height='160px' width='100%' src='@Url.Action("Reply", "Consultation")/" + row.ModelID + "'></iframe>");
      $('#Consultation_List').datagrid('fixDetailRowHeight', index);
    }
  });

</script>


二、回复评论
ManageList添加datagrid详细视图使用类框架(("<iframe frameborder='0' marginwidth='0' height='160px' width='100%' src='@Url.Action("Reply", "Consultation")/" + row.ModelID + "'></iframe>")。“Consultation/Reply”就是我们回复的视图。

在Consultation控制器,添加Reply方法

/// <summary>
    /// 回复
    /// </summary>
    /// <param name="id">id</param>
    /// <returns></returns>
    public ActionResult Reply(int id)
    {
      return View(commonModelService.Find(id).Consultation);
    }

右键添加视图

@model Ninesky.Models.Consultation
@using (Html.BeginForm())
{
  @Html.AntiForgeryToken()
  <table style="width:100%;font-size:12px;">
    <tr>
      <th>@Html.DisplayNameFor(model => model.Name)</th>
      <td>@Html.DisplayFor(model => model.Name)</td>
      <th>@Html.DisplayNameFor(model => model.IsPublic)</th>
      <td>@Html.DisplayFor(model => model.IsPublic)</td>
    </tr>
    <tr>
      <th>@Html.DisplayNameFor(model => model.QQ)</th>
      <td>@Html.DisplayFor(model => model.QQ)</td>
      <th>@Html.DisplayNameFor(model => model.Email)</th>
      <td>@Html.DisplayFor(model => model.Email)</td>
    </tr>
    <tr>
      <th>@Html.DisplayNameFor(model => model.Content)</th>
      <td colspan="3">@Html.DisplayFor(model => model.Content)</td>
    </tr>
    @if (Model.ReplyTime != null)
    {
      <tr>
        <td colspan="4">

          <span>管理员于:@Model.ReplyTime 回复如下</span>
          <br />
          <p style=" margin-top:8px">
            @Model.ReplyContent
          </p>

        </td>
      </tr>
    }
    else
    {
      <tr>
        <th>
          回复 @Html.HiddenFor(model => model.ConsultationID) 
          @Html.ValidationMessageFor(model=>model.ConsultationID)
        </th>
        <td colspan="3">
          @Html.TextAreaFor(model => model.ReplyContent, new { @class = "form-control" })
          @Html.ValidationMessageFor(model=>model.ReplyContent)
        </td>
      </tr>
      <tr>
        <th>

        </th>
        <td colspan="3">
          <input type="submit" class="btn_reply btn btn-primary" value="确定" />
        </td>
      </tr>
    }
  </table>
}

添加接收处理的方法。

[HttpPost]
    [ValidateAntiForgeryToken]
    public ActionResult Reply()
    {
      CommonModel _commonModel = null;
      if (RouteData.Values.ContainsKey("id"))
      {
        int _modelId = int.Parse(RouteData.Values["id"].ToString());
        _commonModel = commonModelService.Find(_modelId);
        if (string.IsNullOrEmpty(Request.Form["ReplyContent"])) ModelState.AddModelError("ReplyContent", "必须输入回复内容!");
        else
        {
          _commonModel.Consultation.ReplyContent = Request.Form["ReplyContent"];
          _commonModel.Consultation.ReplyTime = System.DateTime.Now;
          _commonModel.Status = 29;
          commonModelService.Update(_commonModel);
        }
      }
      return View(_commonModel.Consultation);
    }

过程是:

1、接收路由中的id参数(RouteData.Values.ContainsKey("id"))

2、查找该ID的CommonModel,并获取客户端传过来的ReplyContent,设置其他参数(ReplyTime,Status)并保存到数据库

3、返回视图

三、删除评论
在Consultation控制器,添加Delete方法

/// <summary>
    /// 删除评论
    /// </summary>
    /// <param name="id">公共模型ID</param>
    /// <returns></returns>
    public ActionResult Delete(int id)
    {
      var _commonModel = commonModelService.Find(id);
      if (_commonModel == null) return Json(false);

      if (commonModelService.Delete(_commonModel)) return Json(true);
      else return Json(false);
    }
然后打开ManageList视图,添加删除js代码
//删除
  function del() {
    var rows = $("#Consultation_List").datagrid("getSelections");
    if (!rows || rows.length < 1) {
      $.messager.alert("提示", "未选择任何行!");
      return;
    }
    else if (rows.length > 0) {
      $.messager.confirm("确认", "您确定要删除所选行吗?", function (r) {
        if (r) {
          $.messager.progress();
          $.each(rows, function (index, value) {
            $.ajax({
              type: "post",
              url: "@Url.Action("Delete", "Consultation")",
              data: { id: value.ModelID },
              async: false,
              success: function (data) {
              }
            });
          });
          $.messager.progress('close');
          //清除选择行
          rows.length = 0;
          $("#Consultation_List").datagrid('reload');
        }
      });
      return;
    }

这次的内容比较重复,管理列表类似与我的咨询列表,删除、回复与文章的代码很类似,关于member区域终于写完,希望对大家有所帮助。



相关阅读:
MySQL实现差集(Minus)和交集(Intersect)测试报告
jsp 连接sql server 2008 连接不上的解决方法
Web安全测试之XSS实例讲解
Java中遍历数组使用foreach循环还是for循环?
c#通过DES加密算法加密大文件的方法
PHP快速按行读取CSV大文件的封装类分享(也适用于其它超大文本文件)
Linux下touch命令有什么作用如何使用?
使用jQuery实现input数值增量和减量的方法
编写高性能Javascript代码的N条建议
XP/Win7系统电脑蓝屏提示2345port.sys错误的解决方法
不是Win10.1 微软正准备10月Win10 RTM预览版TH2更新
javascript实现的弹出层背景置灰-模拟(easyui dialog)
sql server中判断表或临时表是否存在的方法
Linux下tar命令的简单使用及相关错误解决方法
快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 CMS SQL jQuery C# C++ java Android IOS oracle MongoDB PostgreSQL SQLite 交通频道 玉林-长沙 蓟县-江都 金昌-丹阳 毕节-晋城 遵义-酒泉 克拉玛依-临汾 抚州-云浮 锦州-兰州 鄂尔多斯-临沂 保山-十堰 洛阳-桐乡 盘锦-崇左 保山-遵化 长兴-即墨 随州-铁岭 吉林-哈尔滨 濮阳-兖州 景德镇-扬州 泉州-雅安 巢湖-阿坝 楚雄-和田 临沧-扬州 玉林-济南 清远-昆明 临安-巩义 揭阳-葫芦岛 葫芦岛-酒泉 景德镇-宁德 瓦房店-许昌 福州-苏州 伊春-珠海 伊春-苏州 双流-神木 西宁-安庆 北海-德州 漳州-乐清 呼和浩特-泰安 偃师-安康 渭南-临夏 常熟-绍兴 百色-仙桃 沧州-梅州 嘉峪关-温州 白银-朔州 宿州-库尔勒 上海-张家口 河源-江阴 宿州-泰兴 石河子-九江 如东-运城 滕州-桂林 鸡西-上饶 普兰店-曲阜 增城-扬中 黄山-招远 常德-宜宾 鹤岗-许昌 台州-衡水 丽水-邢台 烟台-山南 龙口-长沙 龙岩-晋中 自贡-双鸭山 内江-新昌 晋中-天门 珠海-聊城 天水-龙口 珠海-永康 郴州-汕尾 德宏-钦州 泸州-绍兴 晋城-商洛 东莞-廊坊 淄博-南宁 秦皇岛-萍乡 攀枝花-西安 扬中-淮南 庄河-兖州 广安-四平 安顺-平度 上海虹桥-信阳东 康金井-圣浪 永州-北京西 重庆-安阳 辽阳-营口东 菏泽-平邑 诸暨-西柳 融水-乐都 彭水-广州 新天-嫩江 渑池南-荣成 安庆西-宣威 虢镇-古浪 龙南-石家庄北 阜宁-淮安 三河县-嫩江 醴陵-龙游 肇东-吕梁 任丘-郑州 怀化南-诸暨 清河城-新沂 大连-辽阳 河源-遂溪 大板-彰武 高安-南宁东 衙门庙-达日其嘎 晋城-沁县 宽甸-石桥子 蕲春-锦州南 绥中北-宁波 亳州-梁山 平河口-车转湾 曲阜东-昆明南 防城港北-钦州东 福州南-缙云西 赣州-龙南 丹阳-台州 盐城-石家庄北 兰州-商丘 莱西北-即墨北 汗苏鲁-道德 黄冈-黄冈东 嫩江-彰武 高安-邵阳北 四平-秦岭 繁昌西-武义北 鲁番-江所田 武威南-包头 上海-清河门 尤溪-荆州 南阳-扶余 张掖-驻马店 黄州-秦皇岛 上饶-安仁 锦州南-湖州 衡水-安庆 宿州-西安 韶关东-灵宝 艾不盖-老羊壕 全州南-鹤壁 苏州新区-合肥南 厦门北-萍乡北 衢州-溆浦南 二道沟门-滦河沿 赤壁北-邯郸东 吴桥-衡阳 广州-南阳 潢川-镇江 辽阳-熊岳城 吐鲁番-攀枝花 融安-吉首 长治北-邯郸 烟台-哈尔滨西 苇河-四方台 安化-曲靖 贵阳-张家界 徐水-公主岭 南宁东-河唇 绥棱-二井 白合-洛阳

Copyright © 2016 phpStudy |