【ASP】ASP.NET MVC5网站开发我的咨询列表及添加咨询（十二）-NET--MVC5咨询列表及添加咨询-ASP-NET

欢迎您访问我爱IT技术网，今天小编为你分享的编程技术是：【ASP.NET MVC5网站开发我的咨询列表及添加咨询（十二）】，下面是详细的讲解！

ASP.NET MVC5网站开发我的咨询列表及添加咨询（十二）

上次把咨询的架构搭好了，现在分两次来完成咨询：1、用户部分，2管理部分。这次实现用户部分，包含两个功能，查看我的咨询和进行咨询。

一、菜单

打开上次添加的ConsultationController控制器，添加Menu action，返回分布视图

右键添视图

再打开Home/menu视图

添加分布视图引用

运行一下，在留言器中看下/Member/Home。效果如。

 二、我的咨询

我的咨询部分用datagrid显示自己的咨询列表，datagrid使用详细视图功能，点开折叠可以看到详细内容。

效果是这样，折叠时：

点开后

这是datagrid的扩展功能，先要去官网下载jquery-easyui-datagridview.zip，然后把里面的jquery.easyui.datagrid.detailview.js文件放到项目/Scripts文件夹下。

 打开ConsultationController控制器，添加MyJsonList方法，返回我的咨询的json列表

再次添加MyList方法，直接返回视图

右键为MyList添加视图。

 

这段代码比较长,解释一下：

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

这是datagrid的主题和工具栏。

 

引用~/Scripts/Common.js 是因为里面包含日期格式化方法，json传过来的日期必须格式化后才能正常显示。

引用~/Scripts/jquery.easyui.datagrid.detailview.js 是datagrid像是视图必须的。

这个是初始化datagrid。其中1是使用Common.js中的jsonDateFormater方法格式化日期。2、就是详细视图部分

view: detailview,
        detailFormatter: function (rowIndex, rowData) { return '<div class="detail" style="padding:5px 0"></div>'; }

这两句使用详细视图，并为详细视图添加一个<DIV>

这段是在行展开时为详细视图的div链接到~/Member/Consultation/Index/id视图

 

下面来添加Consultation/Index这个分布视图

在控制器中添加Index action 并返回分布视图

右键添加强类型（Consultation）分布视图

完工

 三、进行咨询

在Consultation控制器添加 Add  action

在action中先查询用户信息，构造一个CommonModel并传给视图

右键添加视图

与添加文章非常类似，下面写接受方法

再次在控制器中添加Add action

在action中如果验证通过，先查找用户，并将Article、Attachment设为null，这是防止用户偷偷夹带私货。然后初始化commonModel的Hits、Inputer等字段并保存。

效果：

 我的咨询实现了查看我的咨询和进行咨询两个功能，查看使用了datagrid的详细视图。

以上就是我的咨询列表及添加咨询的实现全过程，希望对大家的学习有所帮助。

关于ASP.NET MVC5网站开发我的咨询列表及添加咨询（十二）的用户互动如下：

　　相关问题：

　　答： >>详细

　　相关问题：

　　答： >>详细

　　相关问题：

　　答： >>详细