欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  IT编程

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

程序员文章站 2023-09-03 23:32:14
 mvc新闻网站建立，完成详情页面的制作。 详情就是点击详情后弹出一个div，所以需要现在boby里面先建立一个div

 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+EasyUI+三层新闻网站建立 详情页面制作方法（八）

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

上一篇： Android在ubuntu上过滤多条关键字日志

下一篇： 坐标东北

推荐阅读