全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:400-708-3566

MVC+EasyUI+三层新闻网站建立 详情页面制作方法(八)

 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小时内与您取得联系。