包仔低私房菜

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;
}
}
}