MVC新闻网站建立,完成详情页面的制作。

详情就是点击详情后弹出一个div,所以需要现在boby里面先建立一个div
<div id="detailDiv">
<table>
<tr>
<td>标题:</td>
<td><input class="easyui-textbox" style="width:250px;height:32px" id="title"/></td>
</tr>
<tr>
<td>作者:</td>
<td><input class="easyui-textbox" style="width: 250px; height: 32px" id="author" /></td>
</tr>
<tr>
<td>发布日期:</td>
<td><input class="easyui-textbox" style="width: 250px; height: 32px" id="subDateTime" /></td>
</tr>
<tr>
<td>内容:</td>
<td><input class="easyui-textbox" data-options="multiline:true" style="width: 400px; height: 250px" id="Msg" /></td>
</tr>
</table>
</div>
这个div是需要隐藏的,当点击详情再弹出来。(隐藏语句需要放在页面加载的函数中)
//设置详细框为不可见
$("#detailDiv").css("display", "none");
在上一篇的datagrid里面我给详情的超链接添加了一个 onclick="showDetail('+row.Id+')" 事件 row.Id就是拿到点击的新闻Id
现在就需要完善这个方法
//显示新闻详情
function showDetail(index) {
//弹出div
$("#detailDiv").css("display", "block");
$.post("/NewInfo/ShowModelById", { id: index }, function (data) {
$("#title").textbox("setValue", data.Title);
$("#author").textbox("setValue", data.Author);
$("#subDateTime").textbox("setValue", ChangeDateFormat(data.SubDateTime));
$("#Msg").textbox("setValue", data.Msg);
});
//弹出dialog
$("#detailDiv").dialog({
title: "新闻详情",
modal: true,
width: 500,
height: 500,
});
}
同样的这里要根据Id查询新闻信息
在DAL层的NewInfoDal中
/// <summary>
/// 根据id查询出记录
/// </summary>
/// <param name="id"></param>
/// <returns></returns>
public NewInfo GetEntityModel(int id)
{
string sql = "select * from T_News where Id=@Id";
DataTable da = SqlHelper.ExcuteDataTable(sql, CommandType.Text, new SqlParameter("@Id", id));
NewInfo newInfo = null;
if (da.Rows.Count > 0)
{
newInfo = new NewInfo();
LoadEntity(da.Rows[0], newInfo);
}
return newInfo;
}
在BLL层的NewInfoServices中
/// <summary>
/// 根据id查询记录
/// </summary>
/// <param name="id"></param>
/// <returns></returns>
public NewInfo GetEntityModel(int id)
{
return NewInfoDal.GetEntityModel(id);
}
最后在NewInfo控制器下建立ShowModelById方法
/// <summary>
/// 根据id查询记录
/// </summary>
/// <returns></returns>
public ActionResult ShowModelById()
{
int id = int.Parse(Request["id"]);
NewInfo model = NewInfoBll.GetEntityModel(id);
return Json(model, JsonRequestBehavior.AllowGet);
}
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
# MVC
# 新闻网站
# 详情页面
# MVC+EasyUI+三层新闻网站建立 建站准备工作(一)
# MVC+EasyUI+三层新闻网站建立 主页布局的方法(五)
# MVC+EasyUI+三层新闻网站建立 实现登录功能(四)
# MVC+EasyUI+三层新闻网站建立 后台登录界面的搭建(二)
# MVC+EasyUI+三层新闻网站建立 验证码生成(三)
# 一步步打造简单的MVC电商网站BooksStore(2)
# 一步步打造简单的MVC电商网站BooksStore(1)
# MVC4制作网站教程第四章 更新栏目4.3
# MVC4制作网站教程第四章 浏览栏目4.2
# MVC4制作网站教程第四章 添加栏目4.1
# 弹出
# 放在
# 发布日期
# 我给
# 建立一个
# 在上
# 大家多多
# 超链接
# 加载
# true
# title
# multiline
# author
# data
# subDateTime
# options
# Msg
# row
# showDetail
相关文章:
建站之星后台密码如何安全设置与找回?
建站之星体验版:智能建站系统+响应式设计,多端适配快速建站
手机钓鱼网站怎么制作视频,怎样拦截钓鱼网站。怎么办?
建站VPS选购需注意哪些关键参数?
如何在建站宝盒中设置产品搜索功能?
如何选择高效响应式自助建站源码系统?
建站之星代理如何优化在线客服效率?
网站制作专业公司有哪些,如何制作一个企业网站,建设网站的基本步骤有哪些?
导航网站建站方案与优化指南:一站式高效搭建技巧解析
北京企业网站设计制作公司,北京铁路集团官方网站?
建站之星安装需要哪些步骤及注意事项?
如何在宝塔面板创建新站点?
MySQL查询结果复制到新表的方法(更新、插入)
如何快速查询网站的真实建站时间?
如何高效搭建专业期货交易平台网站?
网站制作新手教程,新手建设一个网站需要注意些什么?
北京专业网站制作设计师招聘,北京白云观官方网站?
高性能网站服务器配置指南:安全稳定与高效建站核心方案
平台云上自助建站如何快速打造专业网站?
网站制作说明怎么写,简述网页设计的流程并说明原因?
建站之星安装步骤有哪些常见问题?
h5网站制作工具有哪些,h5页面制作工具有哪些?
制作网站哪家好,cc、.co、.cm哪个域名更适合做网站?
零服务器AI建站解决方案:快速部署与云端平台低成本实践
建站之星备案流程有哪些注意事项?
建站之星客服服务时间及联系方式如何?
如何高效生成建站之星成品网站源码?
如何在Windows虚拟主机上快速搭建网站?
如何在云服务器上快速搭建个人网站?
香港服务器网站搭建教程-电商部署、配置优化与安全稳定指南
如何选择建站程序?包含哪些必备功能与类型?
国美网站制作流程,国美电器蒸汽鍋怎么用官方网站?
Swift中swift中的switch 语句
购物网站制作公司有哪些,哪个购物网站比较好?
C#如何使用XPathNavigator高效查询XML
如何配置IIS站点权限与局域网访问?
深圳网站制作培训,深圳哪些招聘网站比较好?
C++中引用和指针有什么区别?(代码说明)
免费网站制作模板下载,除了易企秀之外还有什么H5平台可以制作H5长页面,最好是免费的?
如何在服务器上配置二级域名建站?
GML (Geography Markup Language)是什么,它如何用XML来表示地理空间信息?
建站之星导航菜单设置与功能模块配置全攻略
企业网站制作费用多少,企业网站空间一般需要多大,费用是多少?
在线ppt制作网站有哪些,请推荐几个好的课件下载的网站?
宝塔新建站点为何无法访问?如何排查?
建站中国必看指南:CMS建站系统+手机网站搭建核心技巧解析
Bpmn 2.0的XML文件怎么画流程图
昆明高端网站制作公司,昆明公租房申请网上登录入口?
建站之星安装后如何配置SEO及设计样式?
新网站制作渠道有哪些,跪求一个无线渠道比较强的小说网站,我要发表小说?
*请认真填写需求信息,我们会在24小时内与您取得联系。