如何实现ASP.NETMVC5网站开发我的咨询列表及添加咨询-创新互联
这篇文章主要讲解了“如何实现ASP.NET MVC5网站开发我的咨询列表及添加咨询”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“如何实现ASP.NET MVC5网站开发我的咨询列表及添加咨询”吧！
创新互联建站是一家专业提供
屏边企业网站建设,专注与成都做网站、成都网站制作、
HTML5建站、小程序制作等业务。10年已为屏边众多企业、政府机构等服务。创新互联专业网站建设公司优惠进行中。
一、菜单
打开添加的ConsultationController控制器，添加Menu action，返回分布视图
///
/// 菜单
///
///
public ActionResult Menu()
{
return PartialView();
}
右键添视图
咨询管理
我的咨询
再打开Home/menu视图
添加分布视图引用
运行一下，在留言器中看下/Member/Home。效果如。
二、我的咨询
我的咨询部分用datagrid显示自己的咨询列表，datagrid使用详细视图功能，点开折叠可以看到详细内容。
效果是这样，折叠时：
点开后
这是datagrid的扩展功能，先要去官网下载jquery-easyui-datagridview.zip，然后把里面的jquery.easyui.datagrid.detailview.js文件放到项目/Scripts文件夹下。
打开ConsultationController控制器，添加MyJsonList方法，返回我的咨询的json列表
public JsonResult MyJsonList(int pageIndex = 1, int pageSize = 20)
{
int _total;
var _list = commonModelService.FindPageList(out _total, pageIndex, pageSize, "Consultation", string.Empty, 0, User.Identity.Name, 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() });
}再次添加MyList方法，直接返回视图
///
/// 我的咨询
///
///
public ActionResult MyList()
{
return View();
}
右键为MyList添加视图。
@{
ViewBag.Title = "我的咨询";
}
$("#Consultation_List").datagrid({
loadMsg: '加载中……',
fitColumns:true,
pagination: true,
singleSelect: true,
url: '@Url.Action("MyJsonList", "Consultation")',
columns: [[
{ field: 'ModelID', title: 'ID' },
{ 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 ' '; },
onExpandRow: function (index, row) {
var detail = $(this).datagrid('getRowDetail', index).find('div.detail');
detail.panel({
height: 160,
border: false,
cache: false,
href: '@Url.Content("~/Member/Consultation/Index")/' + row.ModelID,
onLoad: function () {
$('#Consultation_List').datagrid('fixDetailRowHeight', index);
}
});
$('#Consultation_List').datagrid('fixDetailRowHeight', index);
}
});
//添加按钮
$("#btn_add").click(function () {
window.parent.addTab("进行咨询", "@Url.Action("Add", "Consultation")", "icon-page");
});
这段代码比较长,解释一下：
onExpandRow: function (index, row) {
var detail = $(this).datagrid('getRowDetail', index).find('div.detail');
detail.panel({
height: 160,
border: false,
cache: false,
href: '@Url.Content("~/Member/Consultation/Index")/' + row.ModelID,
onLoad: function () {
$('#Consultation_List').datagrid('fixDetailRowHeight', index);
}
});这段是在行展开时为详细视图的div链接到~/Member/Consultation/Index/id视图
下面来添加Consultation/Index这个分布视图
在控制器中添加Index action 并返回分布视图
public ActionResult Index(int id)
{
return PartialView(commonModelService.Find(id).Consultation);
}右键添加强类型（Consultation）分布视图
@model Ninesky.Models.Consultation
| @Html.DisplayNameFor(model => model.Name) |
@Html.DisplayFor(model => model.Name) |
@Html.DisplayNameFor(model => model.IsPublic) |
@Html.DisplayFor(model => model.IsPublic) |
| @Html.DisplayNameFor(model => model.QQ) |
@Html.DisplayFor(model => model.QQ) |
@Html.DisplayNameFor(model => model.Email) |
@Html.DisplayFor(model => model.Email) |
| @Html.DisplayNameFor(model => model.Content) |
@Html.DisplayFor(model => model.Content)
@if (Model.ReplyTime != null)
{
管理员于：@Model.ReplyTime 回复如下
@Model.ReplyContent
}
完工
三、进行咨询
在Consultation控制器添加 Add action
///
/// 添加
///
///
public ActionResult Add()
{
InterfaceUserService _userService = new UserService();
var _user = _userService.Find(User.Identity.Name);
CommonModel _cModel = new CommonModel();
_cModel.Consultation = new Consultation() { Email = _user.Email, IsPublic = true, Name = _user.DisplayName };
_user = null;
_userService = null;
return View(_cModel);
}
在action中先查询用户信息，构造一个CommonModel并传给视图
右键添加视图
@model Ninesky.Models.CommonModel
@{
ViewBag.Title = "进行咨询";
}
@using (Html.BeginForm())
{
@Html.AntiForgeryToken()
进行咨询
@Html.ValidationSummary(true)
类型
@Html.ValidationMessageFor(model => model.CategoryID)
