|
|
復制代碼 代碼如下:
/// <summary>
/// 工程業(yè)績--用for循環(huán)代替了DataList多列顯示，得到2行四列的表格，需要內存表的8行數(shù)據(jù)
/// </summary>
private void GcyjShow()
{
StringBuilder sb = new StringBuilder();
ProductBLL pb = new ProductBLL();
DataTable dt = pb.GetProductByMoreConditions("工程業(yè)績", "工程業(yè)績", "啟用");
int count = dt.Rows.Count;//行數(shù)
sb.Append("<table style='display: inline; vertical-align: middle;' cellpadding='5' align='center'>");//倆行四列的表格
sb.Append("<tr>");
for (int i = 0; i < count; i++)
{
DataRow dr = dt.Rows[i];
string strId = dr["ProdId"].ToString();
string strUrl = dr["Picture"].ToString();
string strName = dr["ProdName"].ToString();
if (dr != null)
{
sb.Append("<td>");
sb.Append("<table border='0' cellspacing='0' cellpadding='0' width='100%'>");
sb.Append("<tr>");
sb.Append("<td bgcolor='#ffffff'>");
if (!string.IsNullOrEmpty(strId) && !string.IsNullOrEmpty(strName) && !string.IsNullOrEmpty(strUrl))
{
sb.Append("<a title='/" + strName + "'");
sb.Append(" href='GcyjShow.ASPx?strId=" + strId + "'>");
sb.Append("<img border='0' width='120' height='98' alt='");
sb.Append(strName + "'");
sb.Append(" src='/Photo/");
sb.Append(strUrl + "'>");
sb.Append("</a>");
}
sb.Append("</td>");
sb.Append("</tr>");
sb.Append("<tr>");
sb.Append("<td>");
sb.Append("<div style='padding-left: 15px; background: url(Images/index_r1_c9.jpg) no-repeat'>");
if (!string.IsNullOrEmpty(strName))
{
if (strName.Length > 7)
sb.Append(strName.Substring(0, 7) + "...");
else
sb.Append(strName);
}
sb.Append("</div>");
sb.Append("</td>");
sb.Append("</tr>");
sb.Append("</table>");
sb.Append("</td>");
}
//我們把內存表的4行數(shù)據(jù)，當做4列一行來輸出
//如果內存表行數(shù)count<=4，即小于我們要顯示的一行一列，會自動終止循環(huán)，不需要對tr進行處理
//在等數(shù)據(jù)等于四列（即一行），且大于一行時 --才進行換行
if (i == 3 && count > 4)
{
sb.Append("</tr><tr>");
}
if (i == 7)//當循環(huán)達到8次時，一個倆行四列的表格已經完成，此時終止循環(huán)
{
break;
}
}
sb.Append("</tr>");
sb.Append("</table>");
lblGcyj.Text = sb.ToString();//用Label標簽來輸出
}
AspNet技術：asp.net使用for循環(huán)實現(xiàn)Datalist的分列顯示功能，轉載需保留來源！
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。
