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>
二、回复评论 在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、返回视图
三、删除评论
/// <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区域终于写完，希望对大家有所帮助 。 |
