.net 网站开发知识点二
这样的新闻预览标题可以用reapeter控件实现
<asp:Repeater ID="Repeater1" runat="server"> <ItemTemplate > <table width="550" border="1" cellpadding="0" style=" border:none"> <tr> <td height="30px" style="border-left-width:0; border-top-width:0; border-right-width:0; border-bottom-width:0 " class="text"><%# Convert.ToDateTime(Eval("NewsTime")).ToShortDateString() %> </td> </tr> <tr> <td style="border-left-width:0; border-top-width:0; border-right-width:0; border-bottom-width:0 " > <div style=" text-align:justify ; font-size: 12pt; color: #306; font-family: Arial, Helvetica, sans-serif;font-style: italic; font-weight: bold; width:550px;overflow:hidden"> <%# Eval("NewsTitle") %> </td> </tr> <tr> <td style="border-left-width:0; border-top-width:0; border-right-width:0; border-bottom-width:0 ; padding-top:10px" class="text"> <div style=" text-align:justify ; width:550px; overflow:hidden "> <%# getchar(Eval("NewsText").ToString(),340)%> </td> </tr> <tr> <td height="30px" style="border-left-width:0; border-top-width:0; border-right-width:0; border-bottom-color:#666;" ><br /><a href="NewsView.aspx?id=<%# Eval("id")%>" class="more">More</a></td> </tr> </table> </ItemTemplate> </asp:Repeater>后台代码如下：
namespace WebAPP{ public partial class NewsReleases : System.Web.UI.Page { private NewsManage newsManage = new NewsManage(); protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { Repeater1.DataSource = newsManage.GetList(); Repeater1.DataBind(); } } public string getchar(string str, int len) { str = Regex.Replace(str, @"<[^>]+>", ""); if (str.Length > len) str = str.Substring(0, len); str += "…"; return str; } }}还有一种标题类型：
这种可以用datalist绑定，也可以用repeater绑定:
<div class="productList"> <asp:Repeater ID="Repeater1" runat="server"> <HeaderTemplate> <ul> </HeaderTemplate> <ItemTemplate> <li> <table border="0"> <tr><td valign="middle" ><img src="<%# Eval("imagePath") %>" width="65px" height="75px" style=" margin-right:5px;border: 1px solid black;" /></td> <td valign="top" height="85px" width="125px" style="font-size:12px; word-spacing:3px; text-align:left"><a href="Media<%# Eval("fileType") %>.aspx?id=<%# Eval("id")%>" target="_blank" class="bottom" > <%# Eval("fileTitle") %></a> <div style=" width:125px"><%# Eval("fileMonth") %> <%# Eval("fileYear") %></div> </td></tr> </table> </li> </ItemTemplate> <FooterTemplate> </ul> </FooterTemplate> </asp:Repeater> </div>
Reperter需要设置一定的CSS样式：
.productList{ border:none; margin:0px; width:630px; } .productList ul{ margin:0px; padding:0px; list-style:none; } .productList li{ float:left; padding-right:10px; width:200px; list-style:none; }
二、后台编辑模块
分页控件在上一章讲过，Gridview绑定数据也很简单，这里要讲一下操作这个模板项
代码如下：
<asp:TemplateField HeaderText="操作"> <ItemTemplate> <asp:Button ID="btnView" runat="server" Text="查看详情" ForeColor="#0063DC" CommandName="View" CommandArgument="<%# Container.DisplayIndex %>" /> <asp:Button ID="btnCancel" runat="server" Text="删除" ForeColor="#0063DC" CommandName="Cancel" CommandArgument="<%# Container.DisplayIndex %>" /> </ItemTemplate> <ItemStyle Width="130px" ForeColor="#0063DC" /> </asp:TemplateField>
<Container.DisplayIndex>可以确定行号
后台代码：
namespace WebAPP{ public partial class EditNews : System.Web.UI.Page { private NewsManage newsManage = new NewsManage(); /// <summary> /// GridView绑定全部数据 /// </summary> public void GridViewBind() { txtRowCount.Text = newsManage.ExecuteScalar().ToString(); AspNetPager.RecordCount = newsManage.ExecuteScalar(); int intStart = AspNetPager.PageSize * (AspNetPager.CurrentPageIndex - 1); int intNum = AspNetPager.PageSize; DataGridView.DataSource = newsManage.GetList(intStart, intNum); DataGridView.DataBind(); } protected void Page_Load(object sender, EventArgs e) { try { if (!IsPostBack) { GridViewBind(); } } catch (Exception ex) { throw ex; } } protected void DataGridView_RowCommand(object sender, GridViewCommandEventArgs e) { int rowIndex = Convert.ToInt32(e.CommandArgument); int id = Convert.ToInt32(DataGridView.Rows[rowIndex].Cells[0].Text); if (e.CommandName == "Cancel") { try { newsManage.Delete(id); } catch (Exception ex) { throw (ex); } } if (e.CommandName == "View") { Response.Redirect("NewsDetail.aspx?id=" + id); } } protected void DataGridView_RowCancelingEdit(object sender, GridViewCancelEditEventArgs e) { try { DataGridView.EditIndex = -1; GridViewBind(); } catch (Exception ex) { throw ex; } } protected void DataGridView_RowDataBound(object sender, GridViewRowEventArgs e) { if (e.Row.RowType == DataControlRowType.DataRow) { ((Button)e.Row.Cells[2].Controls[3]).Attributes.Add("onclick", "javascript:return confirm('你确定要删除此项么？')"); } } protected void DropListNumber_TextChanged(object sender, EventArgs e) { try { //选择数据显示行数 AspNetPager.PageSize = Convert.ToInt32(DropListNumber.SelectedValue); GridViewBind(); } catch (Exception ex) { throw ex; } } protected void AspNetPager_PageChanged(object sender, EventArgs e) { try { GridViewBind(); } catch (Exception ex) { throw ex; } } }}