快捷導航

asp.net 動態(tài)表單之數(shù)據(jù)分頁

更新時間：2010年03月16日 19:31:47 作者：

我們很常會在項目中提到一個動態(tài)表單的概念，比如學校里面學生的考試成績，當學生登錄系統(tǒng)的時候，他當然是希望看到他自己所有科目的成績；又或者是班主任，他需要看到本班同學所有科目的成績；這些時候我們一般都會在頁面中呈現(xiàn)如下的效果。

但是問題來了，不同科系的同學的科目是不一樣的，那么我們在數(shù)據(jù)庫設(shè)計的時候通常是把學生、某科成績作為一條記錄，那么這個時候我們就需要做一個行轉(zhuǎn)列的邏輯處理了。

解決方法：
使用GridView來生成表單，這個實現(xiàn)起來會比較麻煩，如果要在列表里面顯示鏈接就更不可能了；
生成html再輸出到頁面中，這個實現(xiàn)起來比較靈活、方便；
基本功能點：
動態(tài)生成表頭；
數(shù)據(jù)進行分頁；
查詢數(shù)據(jù)；
對每個成績進行超鏈接，查看明細；

頁面代碼

復制代碼代碼如下:

 
<div id="dataDiv1"> 
　　<asp:Literal ID="labtable" runat="server"></asp:Literal> 
　　<div class="toolBlock" style="border-top:solid 1px #C0CEDF; padding-top:5px"> 
<bw:VirtualPager ID="VirtualPager1" runat="server" ItemsPerPage="10" OnPageIndexChanged="VirtualPager1_PageIndexChanged" /> 
</div> 
</div> 

后臺代碼（生成html字符串）

復制代碼代碼如下:

 
/// <summary> 
/// table方式加載考核成績. 
/// Step1:通過年月來獲取唯一的批次. 
/// Step2:生成表頭. 
/// Step3:開始循環(huán)每個用戶. 
/// Step4:循環(huán)每個用戶的考核項. 
/// </summary> 
protected void BindTable() 
{ 
labtable.Text = string.Empty; 
//通過年月來獲取唯一的批次. 
string year = DropDownImportYear.SelectedValue; 
string month = DropDownImportMonth.SelectedValue; 
string group_KH_Date = year + month; 
GroupService groupService = new GroupService(); 
DataTable dtGroup = groupService.GetByTemplateCodeAndGroup_KH_Date(TemplateCode, group_KH_Date); 
if (dtGroup.Rows.Count > 0) 
{ 
Guid groupID = (Guid)DbUtils.ToGuid(dtGroup.Rows[0]["ID"]); 
int groupStutas = DbUtils.ToInt32(dtGroup.Rows[0]["GroupStutas"].ToString()); 
DataTable dtCells = personalGradeService.GetDistinctTemplateItemNameByGroupID(groupID); 
GroupID = groupID.ToString(); 
if (dtCells.Rows.Count > 0) 
{ 
int cellsCount = 0;//考核項數(shù). 
StringBuilder strtable = new StringBuilder(); 
strtable.AppendFormat("<table cellpadding=\"0\" cellspacing=\"0\" class=\"tblClass\">"); 
strtable.AppendFormat("<tr>"); 
strtable.AppendFormat("<th>用戶名</th>< /span>"); 
cellsCount = dtCells.Rows.Count; 
for (int i = 0; i < cellsCount; i++) 
{ 
strtable.AppendFormat("<th>{0}</th>", dtCells.Rows[i]["Name"].ToString()); 
} 
strtable.AppendFormat("</tr>"); 
DataTable dtGradeData = GetData(cellsCount); 
int cursor = 1;//表示一個用戶的第一條記錄. 
string userName = string.Empty; 
string realName = string.Empty; 
for (int i = 0; i<dtGradeData.Rows.Count; i++) 
{ 
if (cursor == 1) 
{ 
userName = dtGradeData.Rows[i]["UserName"].ToString(); 
realName = dtGradeData.Rows[i]["RealName"].ToString(); 
strtable.AppendFormat("<td width=\"12%\">{0}</td>", realName); 
} 
string id = dtGradeData.Rows[i]["ID"].ToString(); 
string templateItemCode = dtGradeData.Rows[i]["TemplateItemCode"].ToString(); 
strtable.AppendFormat("<td width=\"50px\">"); 

string GradeData = dtGradeData.Rows[i]["GradeData"].ToString(); 
if (!string.IsNullOrEmpty(GradeData) && GradeData != "0") 
{ 
GradeData=Math.Round(decimal.Parse(GradeData), 2).ToString(); 
//轉(zhuǎn)換成兩位小數(shù) 
} 
strtable.AppendFormat("{0}", GradeData); 
//未發(fā)布的成績才能修改 
if (groupStutas != (int)Botwave.MRPS.Constants.GroupStutas.FinishPush) 
{ 
strtable.AppendFormat("<br /><a style=\"text-decoration:underline\" class=\"thickbox\" href='UserGradeDataEdit.aspx?ID={0}&BeModifer={1}&KeepThis=true&TB_iframe=true&height=250&width=500'>", id, userName); 
strtable.AppendFormat("<img src=\"../res/gradeedit.gif\" align=\"baseline\" title=\"修改成績\" />"); 
strtable.AppendFormat("</a>"); 
} 
strtable.AppendFormat("&nbsp;<a target=\"_blank\" style=\"text-decoration:underline\" , groupID, TemplateCode, templateItemCode, userName); 
strtable.AppendFormat("<img src=\"../res/gradelog.gif\" align=\"baseline\" title=\"查看日志\" />"); 
strtable.AppendFormat("</a>"); 
strtable.AppendFormat("</td>"); 
if (cursor < cellsCount) 
cursor++; 
else 
{ 
strtable.AppendFormat("</tr>"); 
cursor = 1; 
} 
} 
strtable.AppendFormat("</table>"); 
labtable.Text = strtable.ToString(); 
} 
} 
} 

幾個輔助方法（如何處理好分頁問題，這就關(guān)系到cellsCount參數(shù)的使用了，cellsCount表示科目數(shù)）

復制代碼代碼如下:

 
protected void btnSearch_Click(object sender, EventArgs e) 
{ 
SearchNow = true; 
VirtualPager1.CurrentPageIndex = 1; 
BindTable(); 
} 
protected void VirtualPager1_PageIndexChanged(object sender, Botwave.Web.Controls.PageChangedEventArgs e) 
{ 
BindTable(); 
} 
/// <summary> 
/// 獲取考核成績. 
/// </summary> 
/// <returns></returns> 
private DataTable GetData(int cellsCount) 
{ 
int nRecordCount = 0; 
string condition = ""; 
string filterName = txtUserName.Text.Trim();//姓名搜索. 
StringBuilder sb = new StringBuilder(); 
sb.AppendFormat(" GroupID ='{0}'", GroupID); 
if (!string.IsNullOrEmpty(filterName)) 
sb.AppendFormat(" AND (UserName like '%{0}%' OR RealName like '%{0}%')", filterName); 
condition = sb.ToString(); 
if (SearchNow)//當在很多頁的時候，或者是最后一頁，這個時候來點擊查詢，就會報錯了CurrentPageIndex，這個做法就是為了防止這個. 
VirtualPager1.CurrentPageIndex = 0; 
DataTable dt = personalGradeService.GetGradeData(VirtualPager1.CurrentPageIndex, VirtualPager1.ItemsPerPage * cellsCount, condition, ref nRecordCount); 
VirtualPager1.TotalRecordCount = nRecordCount / cellsCount; 
VirtualPager1.DataBind(); 
SearchNow = false;//要重新復制. 
return dt; 
} 

業(yè)務(wù)邏輯（分頁）

復制代碼代碼如下:

 
public System.Data.DataTable GetGradeData(int currentPageIndex, int pageSize, string condition, ref int nRecordCount) 
{ 
string fieldShow = " UserID,TemplateCode,TemplateItemCode,GradeData,ID,UserName,RealName "; 
string fieldOrder = " UserName ASC,TemplateItemCode ASC "; 
string where = condition; 
if (String.IsNullOrEmpty(where)) 
{ 
where = "1=1"; 
} 
return IBatisDbHelper.GetPagedList("dbo.vw_UserGradeData", "ID", currentPageIndex, pageSize, fieldShow, fieldOrder, where, ref nRecordCount); 
} 

注意事項：
在使用<asp:Literal ID="labtable" runat="server"></asp:Literal>來在頁面輸出html來顯示表單的話，要注意字符串的長度，如果html太長的話，就會出錯了，因為Literal的有8000個字符的限制的；
在數(shù)據(jù)庫中對數(shù)據(jù)進行好排序，這樣才能保證數(shù)據(jù)跟表頭是一一對應的；
這里有個前提，那就是查詢出來的數(shù)據(jù)都是包含同等多的記錄的，比如同學A和同學B的科目是一樣多的；因為不一樣多，那這個動態(tài)表單就沒什么意義了。如果真的有不同，也是可以做出來的，但是會麻煩一點；

您可能感興趣的文章: