DataList控制元件詳細用法(二)
設計模版：
頁首<headertemplate></headertemplate>
頁尾<footertemplate></footertemplate>
資料記錄<itemtemplate></itemtemplate>
<alternatingitemtemplate> 交替顯示項
</alternatingitemtemplate>
<selecteditemtemplate>選中時的顯示方式
</selecteditemtemplate>
<edititemtemplate> 編輯時的顯示方式
</edititemtemplate>
<separatortemplate> 資料記錄分隔符
</separatortemplate>
編輯模版，裡面可以嵌入控制元件,繫結資料。
<itemtemplate>
<table>
<tr>
<td><%# databinder.eval(container.dataitem, "持股名稱") %></td>
<td><%# databinder.eval(container.dataitem, "市值", "{0:n}") %></td>
<td><%# databinder.eval(container.dataitem, "淨值", "{0:n}") %></td>
</tr>
</table>
</itemtemplate>
設定外觀
repeatlayout 屬性設定顯示方式
repeatdirection 顯示方向
repeatcolumns 列數
事件
加入模版列的按鈕會將其click事件反升到 itemcommand 事件，也可設定 commandname來響應不同的事件，如設為：edit,即引發editcommand()等。
注：若設為：select 則會引發selectedindexchanged 和itemcommand事件
selecteditemtemplate模版； 新增詳細資訊的控制元件，當用戶選擇了該項，選擇模版則顯示。
private void datalist1_itemcommand(……)
{
switch(e.commandname)
{
case "select":
this.datalist1.selectedindex=e.item.itemindex;
string s=(string)this.datalist1.datakeys[e.item.itemindex];
//在此獲得該條記錄的詳細資料，在selecteditemtemplate模版裡顯示。
break;
case "unselect":
this.datalist1.selectedindex=-1;
break;
}
this.datalist1.databind();//一定要
}
edititemtemplate模版
編輯：
this.datalist1.edititemindex=e.item.itemindex;
this.datalist1.databind();
更新：
得到主鍵
string s=(string)this.datalist1.datakeys[e.item.itemindex];
得到模版裡的控制元件
textbox box=(textbox)e.item.findcontrol("textbox1");
更新記錄
this.datalist1.databind();
取消：
this.datalist1.edititemindex=-1;
this.datalist1.databind();
刪除項
一次勾選多條記錄，一次刪除
foreach(datalistitem i in this.datalist1.items)
{
bool ischecked=((checkbox)i.findcontrol("deletectr")).checked;
if(ischecked)
{
string s=(string)this.datalist1.datakeys[e.item.itemindex];
刪除操作
}
}
執行中自定義datalist控制元件
//當建立datalist控制元件中的任意項時
private void datalist1_itemcreated(object sender, system.web.ui.webcontrols.datalistitemeventargs e)
{
switch(e.item.itemtype)
{
case listitemtype.header:
e.item.forecolor=color.red;
e.item.backcolor=color.black;
break;
case listitemtype.item:
e.item.backcolor=color.black;
break;
}
}
//當模版中的項被資料繫結時發生，資料被顯示到客戶端前加以訪問的最後機會
private void datalist1_itemdatabound(object sender, system.web.ui.webcontrols.datalistitemeventargs e)
{
if((e.item.itemtype==listitemtype.header)||(e.item.itemtype==listitemtype.item))
{
system.data.common.dbdatarecord drv=
(system.data.common.dbdatarecord)e.item.dataitem;
if((decimal)drv["庫存量"]<1000)
{
e.item.forecolor=color.red;
}
}
}
另種方式
if((e.item.itemtype==listitemtype.header)||(e.item.itemtype==listitemtype.item))
{
datarowview drv=(datarowview)e.item.dataitem;
string department=(string)drv["部門"];
switch(department)
{
case "銷售部":
e.item.backcolor=color.black;
break;
case "技術部":
e.item.backcolor=color.red;
break;
}
}
----------------------------------------------------
DataList詳解
眾所周知，ASP.Net中給我們提供了三個資料控制元件--DataGrid，Repeater，DataList。在這三個控制元件中，DataGrid控制元件的功能最強大，Repeater控制元件最忠實於模版原樣，DataList控制元件則兼而有之。DataGrid控制元件太有名了，所以以前用的講的也很多，Repeater功能太少，沒有什麼好講的。這裡主要是講一講DataList控制元件。
DataList控制元件其實功能也很強大，他支援選擇、編輯，實現的方法也很簡單，不過最令人頭疼的就是它不像DataGrid控制元件一樣內建了分頁的功能，這麼好的一個控制元件竟然不能分頁！！！
確實是一個很讓人頭疼的事情。
不過，只是DataList沒有提供內建的分頁功能，但是並不表示，我們不能使用DataList控制元件來實現分頁，既然它不給我分頁功能，那隻好自己動手了。
下面是全部原始碼，其實用到的方法和PHP中的分頁差不多，只是這裡用的是DataAdapter與DataSet組合，而不是PHP中的SQL語句直接搞定。
<% @ Page Language="C#"%><% @ Import Namespace="System.Data"%><% @ Import Namespace="System.Data.OleDb"%><Script Language="C#" Runat="Server">
/*
Create By 飛刀http://www.aspcn.com2001-7-25 01:44Support .Net Framework Beta 2
*/OleDbConnection MyConn;int PageSize,RecordCount,PageCount,CurrentPage;{//設定PageSizePageSize =10;//連線語句string MyConnString ="Provider=Microsoft.Jet.OLEDB.4.0; Data Source="+Server.MapPath(".")+"..DataBasedb1.mdb;";MyConn =new OleDbConnection(MyConnString);MyConn.Open();//第一次請求執行if(!Page.IsPostBack)
{
ListBind();CurrentPage =0;ViewState["PageIndex"] =0;//計算總共有多少記錄RecordCount = CalculateRecord();lblRecordCount.Text = RecordCount.ToString();//計算總共有多少頁PageCount = RecordCount/PageSize;lblPageCount.Text = PageCount.ToString();ViewState["PageCount"] = PageCount;
}}//計算總共有多少條記錄publicint CalculateRecord(){int intCount;string strCount ="select count(*) as co from Score";OleDbCommand MyComm =new OleDbCommand(strCount,MyConn);OleDbDataReader dr = MyComm.ExecuteReader();if(dr.Read()){intCount = Int32.Parse(dr["co"].ToString());}else{intCount =0;}dr.Close();return intCount;}ICollection CreateSource(){int StartIndex;//設定匯入的起終地址StartIndex = CurrentPage*PageSize;string strSel ="select * from Score";DataSet ds =new DataSet();OleDbDataAdapter MyAdapter =new OleDbDataAdapter(strSel,MyConn);MyAdapter.Fill(ds,StartIndex,PageSize,"Score");return ds.Tables["Score"].DefaultView;}publicvoid ListBind(){score.DataSource = CreateSource();score.DataBind();lbnNextPage.Enabled =true;lbnPrevPage.Enabled =true;if(CurrentPage==(PageCount-1)) lbnNextPage.Enabled =false;if(CurrentPage==0) lbnPrevPage.Enabled =false;lblCurrentPage.Text = (CurrentPage+1).ToString();}publicvoid Page_OnClick(Object sender,CommandEventArgs e){CurrentPage = (int)ViewState["PageIndex"];PageCount = (int)ViewState["PageCount"];string cmd = e.CommandName;//判斷cmd，以判定翻頁方向switch(cmd){case"next":if(CurrentPage<(PageCount-1)) CurrentPage++;break;case"prev":if(CurrentPage>0) CurrentPage--;break;}ViewState["PageIndex"] = CurrentPage;ListBind();}</script><html><head><title></title></head><body><form runat="server">共有<asp:Label id="lblRecordCount" ForeColor="red" runat="server"/>條記錄 當前為<asp:Label id="lblCurrentPage" ForeColor="red" runat="server"/>/<asp:Label id="lblPageCount" ForeColor="red" runat="server"/>頁 <asp:DataList id="score" runat="server"HeaderStyle-BackColor="#aaaadd"AlternatingItemStyle-BackColor="Gainsboro"EditItemStyle-BackColor="yellow"><ItemTemplate>姓名：<%# DataBinder.Eval(Container.DataItem,"Name") %><asp:LinkButton id="btnSelect" Text="編輯" CommandName="edit" runat="server"/></ItemTemplate></asp:DataList><asp:LinkButton id="lbnPrevPage" Text="上一頁" CommandName="prev" OnCommand="Page_OnClick" runat="server"/><asp:LinkButton id="lbnNextPage" Text="下一頁" CommandName="next" OnCommand="Page_OnClick" runat="server"/></form></body></html>