包仔低私房菜: 2008

2008年10月15日星期三

[+/-] : 時間格式轉換

張貼者：冰封北極光於上午11:49 0 意見

2008年5月22日星期四

[+/-] : 正規式擷取特定格式資料

張貼者：冰封北極光於下午4:49 0 意見

2008年5月12日星期一

[+/-] : ObjectDataSource資料篩選應用小技巧

張貼者：冰封北極光於上午8:49 0 意見

2008年4月28日星期一

[+/-] : 簡易的防止按鈕被重覆點擊

張貼者：冰封北極光於下午4:48 0 意見

2008年4月14日星期一

[+/-] : 以正規式擷取特定字串

張貼者：冰封北極光於下午2:19 0 意見

2008年3月26日星期三

[+/-] : 實作DataList分頁功能

張貼者：冰封北極光於中午12:15 0 意見

最近友人詢問DataGrid有內建的分頁功能，可是DataList卻沒有，那該怎麼做呢？
以下且看包仔分解。

DataListTest.aspx


〈%@ Page Language="C#" AutoEventWireup="true" CodeFile="DataListTest.aspx.cs" Inherits="DataListTest" %〉

〈!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"〉

〈html xmlns="http://www.w3.org/1999/xhtml" 〉
〈head runat="server"〉
〈title〉未命名頁面〈/title〉
〈/head〉
〈body〉
〈form id="form1" runat="server"〉
〈div〉
〈asp:DataList ID="DataList1" runat="server" RepeatColumns="5" RepeatDirection="Horizontal"〉
〈ItemTemplate〉
〈asp:ImageButton ID="ImageButton1" runat="server" ImageUrl='〈%# GetImg(Eval("AdPicName","{0}")) %〉' /〉
〈/ItemTemplate〉
〈FooterTemplate〉
〈/FooterTemplate〉
〈/asp:DataList〉〈/div〉
〈/form〉
〈/body〉
〈/html〉

DataListTest.aspx.cs


using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Drawing;
using System.Data.Sql;
using System.Data.SqlClient;

public partial class DataListTest : System.Web.UI.Page
{
PagedDataSource pds;
int pageCount = 5;//取得顯示資料來源中所有項目所需的頁面總數
int pagecount = 5;
int CurrentPage = 0;

protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
GetMediaList();
}
}

//綁入圖片連結
public string GetImg(string filename)
{
return "~/DataListImages/" + filename;
}

public void GetMediaList()
{
SqlConnection cn = new SqlConnection(@"server=localhost;uid=sa;pwd=2u031j4xji4j04njo4;database=testDB");

SqlDataAdapter da = new SqlDataAdapter("select * from EIP_AdPic", cn);

DataSet ds = new DataSet();

cn.Open();

da.Fill(ds);

cn.Close();

pds = new PagedDataSource();

pds.DataSource = ds.Tables[0].DefaultView;
pds.AllowPaging = true;
pds.PageSize = pagecount;

this.DataList1.ItemDataBound += new DataListItemEventHandler(list_ItemDataBound);

try
{
if (Request.QueryString["page"] != null)
CurrentPage = Convert.ToInt32(Request.QueryString["page"]); // int CurrentPage = 0;  
else
CurrentPage = 1;

pds.CurrentPageIndex = CurrentPage - 1; // PagedDataSource.CurentPageIndex: 取得或設定目前介面的索引
}
catch
{}
this.DataList1.DataSource = pds;
this.DataList1.DataBind();
}

void list_ItemDataBound(object sender, DataListItemEventArgs e)
{ 

if (e.Item.ItemType == ListItemType.Footer)
{
if (pds.PageCount > 1) // PagedDataSource.PageCount:取得顯示資料來源中所有項目所需的頁面總數(1網頁頁尾顯示幾張分頁數)
{
string mypath = Request.Path;
int first;
int last;

if ((CurrentPage%pageCount)!= 0)
{
first = ((CurrentPage/pageCount)*pageCount)+1;
if (((CurrentPage/(pageCount)*pageCount)+pageCount)〈=pds.PageCount)
{
last=((CurrentPage/pageCount)*pageCount)+pageCount;
}
else
{
last = pds.PageCount;
}
}
else
{
first = ((CurrentPage/(pageCount+1))*pageCount)+1;
if ((((CurrentPage/(pageCount + 1))*pageCount)+pageCount)〈=pds.PageCount)
{
last = ((CurrentPage/(pageCount+1))*pageCount)+pageCount;
}
else
{
last = pds.PageCount;
}
}

e.Item.Controls.Add(new LiteralControl("〈table width='100%' height='50px'〉〈tr〉〈td height='50%'〉〈/td〉〈/tr〉" +"〈tr align='center'〉〈td Class='p1'〉"));
e.Item.Controls.Add(new LiteralControl(string.Format("目前在{0}頁", CurrentPage)));
e.Item.Controls.Add(new LiteralControl("　"));

if (!pds.IsFirstPage)
{
HyperLink newLink = new HyperLink();
newLink.ID = "firstpage";
newLink.Text = "上一頁";
newLink.NavigateUrl = string.Format("{0}?page={3}", mypath, (CurrentPage - 1).ToString());
e.Item.Controls.Add(newLink);
e.Item.Controls.Add(new LiteralControl("　"));
}

for (int i = first; i 〈= last; i++)
{
HyperLink newLink = new HyperLink();
newLink.ID = string.Format("page0{0}", i.ToString());
newLink.Text = i.ToString();
newLink.NavigateUrl = string.Format("{0}?page={3}", mypath, i.ToString());
e.Item.Controls.Add(newLink);
e.Item.Controls.Add(new LiteralControl("　"));
}

if (!pds.IsLastPage)
{
HyperLink newLink = new HyperLink();
newLink.ID = "lastpage";
newLink.Text = "下一頁";
newLink.NavigateUrl = string.Format("{0}?page={3}", mypath, (CurrentPage + 1).ToString());
e.Item.Controls.Add(newLink);
e.Item.Controls.Add(new LiteralControl("　"));
}
e.Item.Controls.Add(new LiteralControl(string.Format("共{0}頁", pds.PageCount)));
e.Item.Controls.Add(new LiteralControl("〈/td〉〈/tr〉〈/table〉"));
((HyperLink)e.Item.FindControl(string.Format("page0{0}", CurrentPage))).ForeColor = Color.Black;
}
}
}
}

...

2008年3月10日星期一

[+/-] : 網頁超連結路徑置換

張貼者：冰封北極光於下午1:38 0 意見

2008年3月4日星期二

[+/-] : 重新導向之網頁回應碼擷取

張貼者：冰封北極光於上午9:36 0 意見

2008年3月1日星期六

[+/-] : 樣板再度更新

張貼者：冰封北極光於晚上9:55 0 意見

[+/-] : XML應用--實作圖片選擇功能

張貼者：冰封北極光於上午11:11 5 意見

今天包仔介紹用XML檔存取方式實作一個簡易的圖片選擇。
首先製作一份用來存取的XML檔案，結構如下：

PicDetail.xml

接著製作一ASPX網頁如下：
XmlTest.aspx


〈div〉
〈table border="1" cellpadding="0" cellspacing="0" style="width: 512px; height: 100px"〉
〈tr〉
〈td style="width: 55px; height: 5px;" align="right" valign="middle"〉
〈asp:Label ID="Label1" runat="server" Text="選擇圖片" Width="78px"〉
〈/asp:Label〉
〈/td〉
〈td style="width: 313px; height: 5px"〉
〈asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged"〉 〈/asp:DropDownList〉
〈/td〉
〈/tr〉
〈tr〉
〈td style="height: 48px;" align="center" colspan="2" valign="middle"〉
〈asp:Image ID="Image1" runat="server" /〉
〈/td〉
〈/tr〉
〈/table〉
〈/div〉
〈asp:XmlDataSource ID="XmlDataSource1" runat="server"〉
〈/asp:XmlDataSource〉

XmlTest.aspx.cs


using System;using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Xml;
using System.Xml.XPath;

public partial class XmlTest : System.Web.UI.Page
{
const string MenuXml = "PicDetail.xml";
XPathDocument XmlD;
XPathNodeIterator iTerator;
XPathNavigator Nav;
XPathExpression expr;

protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
MenuReader();
}
}

private void MenuReader()
{
this.DropDownList1.Items.Clear();
XmlD = new XPathDocument(Server.MapPath("~/"+ MenuXml));
Nav = XmlD.CreateNavigator();
expr = Nav.Compile("/Pics/Pic[@Text]");
iTerator = Nav.Select(expr);
ShowNodeDetail(iTerator);
}

//抓取節點屬性
void ShowNodeDetail(XPathNodeIterator iterators)
{
this.DropDownList1.Items.Clear();

try
{
while (iterators.MoveNext())
{
XPathNavigator nav2 = iterators.Current.Clone();
this.DropDownList1.Items.Add(new ListItem(nav2.GetAttribute("Text", ""), nav2.GetAttribute("ImgUrl","")));
}

this.DropDownList1.Items.Insert(0, new ListItem("--請選擇--", ""));
}
catch (Exception ex)
{ throw ex; }
}

protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
{
if (this.DropDownList1.SelectedValue != "")
{
string ImgUrl = this.DropDownList1.SelectedValue;
this.Image1.ImageUrl = "~/images/" + ImgUrl;
}
}
}

操作畫面如下：

...

2008年2月27日星期三

[+/-] : ASP.NET's GridView資料綁定方法

張貼者：冰封北極光於下午6:42 0 意見

有人問包仔說GridView如果不透過ObjectDataSource......之類的元件來綁資料的話，那該如何做呢？
所以包仔就寫了一個簡單的範例如下：

GridTest.aspx


〈div〉
〈asp:Button ID="btnLoad" runat="server" Text="載入" OnClick="btnLoad_Click" /〉
〈asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged"〉
〈asp:ListItem Value="0"〉開啟

〈asp:ListItem Value="1"〉關閉
〈/asp:DropDownList〉
〈asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"〉
〈Columns〉
〈asp:BoundField HeaderText="活動日期" DataField="活動日期" 〉
〈ItemStyle CssClass="textLeft" /〉
〈HeaderStyle Width="45%" CssClass="textLeft" /〉
〈/asp:BoundField〉
〈asp:BoundField HeaderText="場次" DataField="場次" 〉
〈ItemStyle HorizontalAlign="Left" /〉
〈HeaderStyle HorizontalAlign="Left" Width="40%" /〉
〈/asp:BoundField〉
〈asp:BoundField DataField="序號" HeaderText="序號" /〉
〈/Columns〉
〈/asp:GridView〉
〈/div〉

GridTest.aspx.cs

using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

public partial class GridTest : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e) 
{
if (!IsPostBack) 
{
this.ViewState["MyData"] = MakeTable();
GridBinding(this.ViewState["MyData"]);
}
}

private DataTable MakeTable() 
{
DataTable MyTable = new DataTable("MyTable");
DataColumn StartDate = new DataColumn();
StartDate.ColumnName = "活動日期";
DataColumn SiteRange = new DataColumn();
SiteRange.ColumnName = "場次";
DataColumn ID = new DataColumn();
ID.ColumnName = "序號";
MyTable.Columns.Add(StartDate);
MyTable.Columns.Add(SiteRange);
MyTable.Columns.Add(ID);
return MyTable;
}
private void GridBinding(object sender)
{
this.ViewState["MyData"] = sender;
this.GridView1.DataSource = sender;
this.GridView1.DataBind();
}
protected void btnLoad_Click(object sender, EventArgs e)
{
DataTable dt = (DataTable)ViewState["MyData"];
DataRow newRow;
newRow = dt.NewRow();
newRow["活動日期"] = "2008-08-01";
newRow["場次"] = "不知哪一場";
int Sort = dt.Rows.Count + 1;

newRow["序號"] = Sort.ToString();
dt.Rows.Add(newRow);
this.ViewState["MyDate"] = dt;
GridBinding(this.ViewState["MyDate"]);
}
//選擇讓GridView序號欄位隱藏或是開啟
protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
{
if (DropDownList1.SelectedValue != "0")
{
this.GridView1.Columns[2].Visible = false;
}
else
{
this.GridView1.Columns[2].Visible = true;
}
}
}