威筆記

ipconfig 指令參數說明

2010-05-09T22:08:00.002+08:00

在Windows命令提示字元中(cmd)，ipconfig是Windows系統的TCP/IP應用程式指令，其用途為顯示本機電腦的IP位址與相關配置資訊。ipconfig對於網路的故障排除有著重要的作用，其參數指令直覺且易用。

語法：
ipconfig [/參數]

參數說明：

/all
顯示網路卡的TCP/IP所有完整配置資訊。
/renew [adapter]
用於需重新配置DHCP的網路卡。(此參數只可用於設定為自動DHCP配置IP位址的環境下)
/release [adapter]
要求DHCP釋放(丟棄)網路卡的IP位址。
/displaydns
顯示DNS快取內容。
/flushdns
重新刷新清理DNS快取。
/registerdns
重新註冊(初始化)IP位址與DNS名稱。
/showclassid [adapter]
顯示網路卡的DHCP類別ID。
/setclassid [adapter]
配置網路卡的DHCP類別ID。
/?
顯示ipconfig的參數說明。

讓Chrome瀏覽器支援MaintainScrollPositionOnPostback屬性

2010-05-03T21:57:00.001+08:00

MaintainScrollPositionOnPostback主要功能是在Asp.Net的Page中取得或設定值，指出在回傳後是否將使用者返回用戶端瀏覽器中的相同位置。簡單的說就是讓頁面在PostBack後還能保持頁面位置。

即使我們在Page中設定了MaintainScrollPositionOnPostback為True，但在最近市佔率越來越高的Chrome這個以速度快著名的Goolge瀏覽器卻是失效了。

自己在遇這個問題後，在Google找到此站提供的方式解決了我的問題：
讓Chrome瀏覽器支援Asp.Net的MaintainScrollPositionOnPostback
但此網頁已失連許久，也在Google找不到相同提供解決方法的網頁(也許有，我沒找到)。因此特地在此記錄並提供給有遇到同樣問題的朋友一個解決的辦法。

解決方法：
首先在Asp.Net中新增一個瀏覽器定義檔，我們要使用這個定義檔來根據不同瀏覽器設定不同運行環境參數。

.browser建立後預設會放在App_Browesers資料夾中。打開.browser後將以下程式碼直接複製貼上：

<browsers>    <browser id="Safari3" parentID="Safari1Plus">        <identification>            <userAgent match="Safari/\d+\.\d+" />        </identification>        <capture>            <userAgent match="Version/(?'version'\d+\.\d+)" />        </capture>        <capabilities>            <capability name="browser" value="Safari3" />            <capability name="version" value="${version}" />        </capabilities>        <controlAdapters>            <adapter controlType="System.Web.UI.WebControls.Menu"                     adapterType="" />        </controlAdapters>    </browser>    <browser id="GoogleChrome" parentID="Safari3">        <identification>            <userAgent match="Chrome/(?'version'\d+\.\d+)" />        </identification>        <capabilities>            <capability name="browser" value="Googlebot" />            <capability name="supportsMaintainScrollPositionOnPostback" value="true" />        </capabilities>    </browser></browsers>

上面這段程式碼原本主要的用途是用來解決Asp.Net中的Menu控制項，在Chrom與Safari瀏覽器下顯示不完全的問題。詳情可以參考：最簡單的方法，讓 ASP.NET Menu 控件在 Google Chrome 瀏覽器上正常顯示

按照原作者的方法直接在GoogleChrome的定義中加入這一行程式碼：
<capability name="supportsMaintainScrollPositionOnPostback" value="true" />

如此即可解決MaintainScrollPositionOnPostback在Chrome瀏覽器失效的問題了，可謂一舉兩得。

解決FileUpload上傳超過4M大檔案時瀏覽器出現錯誤訊息

2010-05-03T21:09:00.001+08:00

在Asp.Net中若使用FileUpload控制項實作檔案上傳時，除了在上傳按鈕事件中可以使用FileUpload.PostedFile.ContentLength來取得檔案大小來限制使用者上傳檔案大小之外，另外一個我們都會遇到的必需去解決的課題，是在Asp.Net環境中系統預設了最大上傳容量為4M(4096KB)。因此若網站User在上傳的檔案超過4M瀏覽器就會出現錯誤訊息，而User殊不知是自己上傳了過大檔案導致，以為是系統故障了。

Asp.Net會有此一限制，是為了能夠避免『分散式阻斷服務攻擊』(DDoS)，免去一些在不懂資安情況之下得到最小限度的保護措施。

既然系統幫我們預設了最大上傳，當然爾我們也可以依照個人不同需求來調整這個預設值。設定的方法很簡單，我們只需在Web.Config檔中指定

httpRuntime項目的屬性即可。

<system.web>    <httpRuntime executionTimeout = "1800" maxRequestLength="100000" /></system.web>

executionTimeout屬性：以秒為單位，代表網頁執行期間所需執行最大秒數(預設是90秒)，若網頁執行超過設定值時間會發生TimeOut的情況。
maxRequestLength屬性：以KB為單位，指定輸入資料流緩衝臨界值的限制，也就是我們所需指定允許最大上傳容量設定值(預設值為4096KB)。

補充：
若需自訂超過檔案限制大小時瀏覽器出現錯誤時的頁面，可於Web.Config中設定customErrors項目，自行指定錯誤發生時所需顯示的頁面：
<customErrors mode="On" defaultRedirect="ErrorPage.aspx" />

更多內容可參考：
ASP.NET 無法上載大型檔案(大於 4MB)
ASP.NET 當上傳檔案過大時任何回應瀏覽器的動作都無效

[Tips] 在Asp.Net中替VB.Net一次多行註解

2010-04-29T22:07:00.001+08:00

使用VB.Net寫Asp.Net的人一定都知道要註解VB程式碼的方法，直接在要註解那行程式碼最前端加上 ' 號。

使用C#可以使用 // 來註解單行，亦可使用 /* */ 來包覆程式碼達到多行註解的功能。那VB如何使用多行註解？很抱歉…VB並不支援多行註解。雖然如此，VB的Programmers也無需過於擔心，若使用的開發軟體為Vistual Studio ，就不需要自己一行一行手動Key ' 號註解了。

VB.Net多行註解方法：
在Vistual Studio上方工具列可以找到如下圖『註解選取行』的按鈕

若沒找到，試著從檢視→工具列→文字編輯器，將其工具列打開

OK!接著就是將欲註解的程式碼反白後，直接按下『註解選取行』按鈕

最後結果所有被反白的程式碼都加上了 ' 號註解了，非常容易又方便呀!

取消多行註解的方式也一樣，反白程式碼後點擊『取消註解選取行』按鈕即可。

或想自己使用Alt+左鍵選取區塊的方式將多行註解選取起來再按下Del鍵刪除也可，看個人習慣囉!

[Tips] 移除ViewState值的兩種寫法

2010-04-29T21:31:00.001+08:00

VB.Net寫法：

1、將ViewState("Test")值移除

ViewState.Remove("Test")

or

2、ViewState("Test")值設為Null
ViewState("Test") = DBNull.Value

想做你的CODE：Vistual Studio 2010全球發佈會宣傳影片

2010-04-28T21:39:00.002+08:00

『想做你的CODE』：更痛快地CODING，給愛更多好心情……

Programer時最容易犯的毛病，除了CODING卻忽略身邊太多的事物，這挺符合Vistual Studio強調的快速開發。

解決Asp.net網站佈署至國外虛擬主機日期格式不同的問題

2010-04-27T22:44:00.001+08:00

若您與我一樣使用的是國外虛擬主機運作Asp.Net網站，可能需要注意一下在不同語系的Server系統上，會產生不同日期格式的問題。由於國外虛擬主機用的是英文版的Windows Server，網站中若有使用到DateTime抓取系統時間也會自動顯示為國外的日期格式。

雖然DateTime可加上ToString來自訂日期格式，如DateTime.ToString("yyyy/MM/dd HH:mm:ss")，但某些Asp.Net的extender也會跟著系統的語系顯示不同語系，如Ajax ControlToolKit 的CalendarExtender。

要避免此問題最方便的方法是直接在Web.Config檔案中指定網站程式預設語系為zh-Tw(中文)語系。

設定方法：
在Web.Config檔中加入
<system.web>

<globalization culture="zh-TW' />

</system.web>

如此不管使用的運行的Server語系為何，網站都會以中文語系顯示了。

設定Html編輯器FreeTextBox在Enter換行時為

2010-04-27T22:16:00.002+08:00

最近在一個專案中使用了免費版的FreeTextBox線上Html編輯器，發現的問題是在FreeTextBox編輯內容按下Enter鍵換行時，不同瀏覽器下的換行行距會有所不同。

以下為各瀏覽器在FreeTextBox下Enter鍵預設輸出的語法：
Firefox → <br>
Chrome → <div>
IE8 → <p></p>
Opera → <p></p>

顯然的IE8與Opera的<p>段落即為造成換行行距過大的問題所在。因不可能告知所有網站User要換行請使用Shift+Enter來產生<br>換行，我希望找到方法使得Enter預設值可由<p>段落改為使用<br>換行語法。

在FreeTextBox中有個屬性值為BreakMode，說明文件對屬性解釋如下：
.BreakMode
Sets what happens when the "Enter" key is pressed. Options are LineBreak (IE and Mozilla) and Paragraph (IE only)

FreeTextBox的BreakMode預設值為Paragraph(段落)，因此只要設定BreakMode="LineBreak" 即可將預設<p>更改為<br>。

根據說明文件可以得知設定LineBreak模式只能影響IE與FireFox瀏覽器，在Chrome及Opera是無效的，這點需要特別注意一下。

SqlDataSource設計模式中SelectCommand使用If…Else條件

2010-04-22T21:44:00.001+08:00

一般來說我們都會將使用codebehind的方式來指定SqlDataSource的SelectCommand內容。但在比較複雜的邏輯程式中不得已必須在設計模式中直接指定SelectCommand內容，又需要對某控制項來取值作為SQL中的Where條件時，我們可以使用T-SQL中的條件語法If…Else來實現。

T-SQL If…Else 架構：
If 條件式
Begin

         T-SQL語法
    End
Else
    Begin
         T-SQL語法
    End

Begin End是用來設定T-SQL程式碼範圍，若你的T-SQL語法超過一行請務必記得加上Begin End，否則你會發現就算寫了多行也只會執行第一行程式。最好是養成不管一行多行程式都用Begin….End包起來的好習慣。

範例：
在SqlDataSource的SelectCommand對DropDownList控制項取值，判斷DropDownList值是否為All來達成不同條件資料過濾。

DropDownList內容：

<asp:DropDownList ID="DropDownList" runat="server"     AppendDataBoundItems="True" DataSourceID="Sort_SqlDataSource"     DataTextField="分類項目" DataValueField="分類編號">    <asp:ListItem Value="All">請選擇</asp:ListItem></asp:DropDownList><asp:SqlDataSource ID="Sort_SqlDataSource" runat="server"     ConnectionString="<%$ ConnectionStrings:TestConnectionString %>"     SelectCommand="SELECT * FROM 分類"></asp:SqlDataSource>

SqlDataSource SelectCommand內容：

<asp:SqlDataSource ID="SqlDataSource" runat="server"        ConnectionString="<%$ ConnectionStrings:TestConnectionString %>"        SelectCommand="if (@分類項目='All') begin Select * From 測試 end else begin Select * From 測試 Where 分類項目=@分類項目 end">        <SelectParameters>            <asp:ControlParameter ControlID="DropDownList" Name="分類項目" PropertyName="SelectedValue" />        </SelectParameters> </asp:SqlDataSource>

[Ajax]CalendarExtender與TextBox的ReadOnly設為True取不到值的解決方法

2010-04-15T20:37:00.001+08:00

使用CalendarExtender控制項時通常一定會搭配TextBox控制項，且定會想將TexBox欄位設為唯讀來防止User自行輸入一些不符合資料庫欄位規格的日期格式。

然而從Asp.Net 2.0開始若將TextBox設為ReadOnly後會發現，在PostBack後卻無法順利取得TextBox.Text值，這是Asp.Net 2.0後基於安全性考量而作的改變。

解決方法：
不在設計模式中設定TextBox的唯獨屬性，而在codebehind的Page_Load事件中使用WebControl.Attributes 屬性動態加入唯獨屬性的設定。

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load    If Not IsPostBack Then           TextBox.Attributes.Add("readonly", "true")    End IfEnd Sub

解決[Ajax]CalendarExtender彈出時被GridView或其它物件遮擋的問題

2010-04-14T22:51:00.001+08:00

上圖的CalendarExtender日曆控制項彈出時被下方的GridView Header 的Div Css擋住了。我們必須使CalendarExtender能永遠顯示在畫面最頂端，
正常的情況應該如下圖：

解決方法：
我們將寫一個Css並將其指定給CalendarExtender：

<ajaxtoolkit:calendarextender ID="CalendarExtender" runat="server" TargetControlID="Date" PopupButtonID="Calendar_Image" Format="yyyy/MM/dd" FirstDayOfWeek="Monday" CssClass="cssCalendar">

CalendarExtender CSS內容中將月曆控制項指定z-index屬性。z-index是用來指定圖層的層數，例如z-index:1為最底層，z-index:2為第2層以此類推。
最重要的是需將此CSS 的z-index屬性寫在.ajax__calendar_container
代表將整個CalendarExtender 容器的層數設為最頂層(除非你自己故意將其它Div設到1001層否則CalendarExtender 會在最頂層)

如：

.cssCalendar .ajax__calendar_container
{
z-index:1000;
}

GridView實作資料筆數、頁數統計(使用SqlDataSource繫結方式)

2010-04-14T22:23:00.001+08:00

在此要介紹的是使用GridView指定DataSourceID為SqlDataSource的資料繫結方式情況下，實現如上圖統計GridView的資料筆數與分頁數功能。

計算GridView筆數：

'計算筆數Protected Sub SqlDataSource_Selected(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.SqlDataSourceStatusEventArgs) Handles SqlDataSource.Selected    CountLots.Text = "合計" + e.AffectedRows.ToString() + "筆"End Sub

注意：利用 SqlDataSource取得資料受影響筆數必須要將DataSourceMode設為DataSet，否則取得的筆數皆為0。

計算GridView頁數：

'計算頁數Protected Sub GridView_DataBound(ByVal sender As Object, ByVal e As System.EventArgs) Handles GridView.DataBound    If Not CountPage Is Nothing Then        Dim currentPage As Integer = GridView.PageIndex + 1        CountPage.Text = " 共" & GridView.PageCount.ToString() & "頁"    End IfEnd Sub

Asp.net加密Web.config檔的資料庫連線資訊內容

2010-04-14T21:53:00.001+08:00

在Web.config檔中的<connectionString>區段儲存的是資料庫的連線資訊，包含主機IP、資料庫登入帳號、密碼等等重要機密資訊。因此在將網站正式上線以前必須作的其中一項重要事情，便是將<connectionString>區段中的重要資訊經過加密轉換，在此我們選擇使用RsaProtectedConfigurationProvider類別的加密解密方式來實現保護<connectionString>的功能。

加密方法：
1、從開始→執行中輸入cmd指令來開啟DOS指令視窗
2、在DOS視窗中我們需要先切換至.NET Framework目錄下來執行：因此輸入cd \WINDOWS\Microsoft.Net\Framework\v2.0.*
3、在此目錄下有支aspnet_regiis.exe的程式，我們使用此支執行檔來實現加密的功能：輸入aspnet_regiis -pe "connectionStrings" -app "/網站名" -prov "RSAProtectedConfigurationProvider"

解密方法：
1、同上先切換至.NET Framework目錄下來執行aspnet_regiis.exe的程式
2、輸入aspnet_regiis -pd "connectionStrings" -app "/網站名" -prov "RSAProtectedConfigurationProvider"

參數說明：

-pe : 加密

-pd : 解密

-app : 欲加密的網站目錄名稱

-prov : 加密方式

剖析器錯誤訊息：無法從組件……載入型別……(解決方法)

2010-04-14T21:03:00.001+08:00

剖析器錯誤訊息: 無法從組件

'System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35'

載入型別 'System.Web.UI.Compatibility.CompareValidator'。

錯誤原因：
在Asp.Net網頁運行時出現此訊息，代表您運行的網站程式碼中使用了Ajax Control Toolkit For .NET3.5 SP1版本的控制項；而運行的Visual Studio 2008 環境未安裝SP1更新補丁。

解決方法：
下載Visual Studio 2008 Sp1(ISO檔)後安裝更新檔即可。

Asp.Net -Cookie讀取中文變亂碼的解決方法

2010-04-06T19:57:00.001+08:00

有時我的可能因為特別需求，必須使用Cookie來存放簡短的中文字。但中文字的編碼與Cookie預設的編碼方式不同，因此必須先行在URL傳輸過程中經過一道編碼、解碼的程序，才不會發生中文字在Cookie中讀取出來為亂碼的情況。

一般建立Cookie的寫法為：

Dim cookie As New HttpCookie("UserInfo")cookie.Values.Add("Login", "OK")cookie.Values.Add("No", dr("員工編號"))cookie.Values.Add("Name", (dr("員工姓名"))Response.Cookies.Add(cookie)

由於其中"Name"的Cookie內容存放的是中文字員工姓名，讀取時使用Request.Cookies("UserInfo")("Name")後，會發現讀到的中文已經變為亂碼。

我們將原本的寫法加入HttpUtility.UrlEncode(編碼)與HttpUtility.UrlDecode(解碼)，在URL中傳輸而進行編碼的字串轉換來解決亂碼的問題。修改後程式碼如下：

建立Cookie時編碼：

Dim cookie As New HttpCookie("UserInfo")cookie.Values.Add("Login", "OK")cookie.Values.Add("No", dr("員工編號"))cookie.Values.Add("Name", HttpUtility.UrlEncode(dr("員工姓名")))Response.Cookies.Add(cookie)

讀取時解碼：
HttpUtility.UrlDecode(Request.Cookies("UserInfo")("Name"))

伺服器 'Localhost\SQLEXPRESS' 上的 MSDTC 無法使用。

2010-04-03T15:34:00.001+08:00

若在操作Asp.Net網站時發生『伺服器 'Localhost\SQLEXPRESS' 上的 MSDTC 無法使用。』的錯誤訊息，那麼一定是在進行資料庫存取時使用了TransactionScope的交易機制來確保交易的完整性。

在程式碼中加入TransactionScope交易機制的同時，也需要在網站Server上開啟MSDTC(Microsoft Distributed Transaction Coordination)分散式異動交易的系統服務，否則就會看到『伺服器 'Localhost\SQLEXPRESS' 上的 MSDTC 無法使用。』的錯誤訊息。由於MSDTC在XP系統中預設是不開啟，因此我們需要將其開啟並設為自動開啟。

開啟MSDTC方法：(以XP為例)
[控制台]→[系統管理工具]→[服務]
找到『Distributed Transaction Coordinator』的服務名稱

在其名稱上按[右鍵]→[內容]

進入內容後如下圖將啟動類型改為自動、服務狀態將其啟動。

完成設定後，Asp.Net網站即可正確的執行TransactionScope交易機制。

GridView隱藏欄位(Visible="Flase")後取不到值的替代方法

2010-04-03T14:55:00.001+08:00

有時我們需要在GridView中設置欄位來取值，以作為後續動作的資料來源判斷依據，但又不想在使用者瀏覽時顯示此欄位。例：GridView中使用BoundField 來取得存檔日期的值同時將其欄位設為不顯示，<asp:BoundField DataField="存檔日期" Visible="false" />。這時在GridView的RowDataBound事件中使用e.Row.Cells(0).Text的方式取值會發現無法順利取到值。

因此需要使用另一種替代方式來達到此目的的實現，在Asp.Net中有個專為隱藏數值設計的控制項HiddenField，我們要作的就是將原本<asp:BoundField DataField="存檔日期" Visible="false" />的資料繫結方式改為使用HiddenField的Value值與存檔日期繫結，並將此HiddenField控制項置於GridView的TemplateField中。

<asp:TemplateField>    <ItemTemplate>        <asp:HiddenField ID="SaveTime" runat="server" Value='<%# Eval("存檔日期") %>' />    </ItemTemplate></asp:TemplateField>

如此便可在GridView的RowDataBound事件中使用FindControl的方式來取得GridView各個欄位中的存檔日期值。

Protected Sub GridView_RowDataBound(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.GridViewRowEventArgs) Handles GridView.RowDataBound    If e.Row.RowType = DataControlRowType.DataRow Then        Response.Write(CType(e.Row.FindControl("SaveTime"), HiddenField).Value)    End IfEnd Sub

DataList包DataList中建立子DataList的ItemCommand事件

2010-04-03T11:17:00.002+08:00

DataList包DataList此種用法最常見的如部落格文章的回應功能。頁面中使用DataList來Show出多筆文章，文章的DataList中再套入Datalist來顯示多筆回應內容。如此形成兩層DataList的情況後，我們在實作時首先會發現在Vistual Studio中找不到子DataList的事件選項供自己選擇。

遇到此種情況便需要我們自己來手動建立子DataList事件了。在網路上你可以找到不只一種建立子DataList的方法，在此我將個人認為最簡單的建立事件方法記錄如下。

方法：
手動建立Public Sub後，在子DataList中指定OnItemCommand事件並觸發Public Sub。我們需要作的事是在DataList2中手動輸入OnItemCommand=" Plublic Sub事件名稱 " (如程式第10行)。

Test.aspx

   1: <asp:DataList ID="DataList1" runat="server" DataKeyField="拜訪編號"    2:     DataSourceID="SqlDataSource1">   3:     <ItemTemplate>   4:         <font color="red">   5:             拜訪編號:   6:             <asp:Label ID="拜訪編號Label" runat="server" Text='<%# Eval("拜訪編號") %>' />   7:             <asp:Button ID="Button1" runat="server" Text="按鈕1" CommandName="TestButton" />   8:         </font>   9:         <asp:DataList ID="DataList2" runat="server"   10:         DataSourceID="SqlDataSource2" OnItemCommand="DataList2_ItemCommand">  11:         <ItemTemplate>  12:             拜訪目的:  13:             <asp:Label ID="拜訪目的Label" runat="server" Text='<%# Eval("拜訪目的") %>' />  14:             <asp:Button ID="Button1" runat="server" Text="按鈕2" CommandName="TestButton2" />  15:         </ItemTemplate>  16:         </asp:DataList>  17:         <br />  18:     </ItemTemplate>  19: </asp:DataList>

在Test.aspx.vb中建立Public Sub，其名稱為OnItemCommand事件指定呼叫的名稱。

Test.aspx.vb

   1: Public Sub DataList2_ItemCommand(ByVal source As Object, ByVal e As System.Web.UI.WebControls.DataListCommandEventArgs)   2:     If e.CommandName = "TestButton2" Then   3:         Response.Write("This is DataList2")   4:     End If   5: End Sub

在我們按下按鈕2後便可以正確觸發子DataList的ItemCommand事件：

Asp.Net的錨點(#連結)功能，支援FireFox

2010-03-20T15:16:00.001+08:00

所謂錨點(#連結)的作法為超連結網址後方加上#參數。最常見的應用為指定回應內容網址的功能，讓使用者點擊回應連結後可直接將瀏覽器畫面定位在頁面下方的回應內容位置。

錨點#的用法如下：
Ex：http://localhost/Test/Test.aspx#Link
如此我們就可以在被連結頁面中指定其連結位置
Ex：<a id="Link"></a>

上面這種寫法支持xhtml網頁標準，與傳統的錨點寫法<a name="#Link"></a>不同的是不使用name來指定錨點改用id指定且去掉了加上#字號。使用name一來會多了無意義的<a>連結，且未指定href也不符合xhtml標準，而使用id指定錨點不侷限於<a>標籤，可用於其它如<tr><td><h1><li>等標籤中。最重要的是使用id指定錨點才能讓Firefox、Opera、Chorm等瀏覽器作用！不再是IE Only的功能了。

下面用個簡單的連結範例來實作錨點功能：
在Test.aspx頁面建立HyperLink控制項，並指定其超連結網址為Test2.aspx，同時加上錨點參數#Link

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Test.aspx.vb" Inherits="Test" %> <!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:HyperLink ID="HyperLink1" runat="server" NavigateUrl="Test2.aspx#Link">        錨點連結至Test2.aspx</asp:HyperLink>    </div>    </form></body></html>

並在Test2.aspx中建立1～15數字來區別位置，我們將錨點#Link建立在數字11上

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Test2.aspx.vb" Inherits="Test2" %> <!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>    第一行<br />    1<br /><br /><br />    2<br /><br /><br />    3<br /><br /><br />    4<br /><br /><br />    5<br /><br /><br />    6<br /><br /><br />    7<br /><br /><br />    8<br /><br /><br />    9<br /><br /><br />    10<br /><br /><br />    <a id="Link"></a>    錨點連結點11<br /><br /><br />    12<br /><br /><br />    13<br /><br /><br />    14<br /><br /><br />    15<br /><br /><br />    </div>    </form></body></html>

好了，現在我們輸入未指定錨點#連結的網址看看Test2.aspx中數字11的位置
http://localhost/Test/Test2.aspx，會發現數字11的位置在瀏覽器最下方。

現在再透過剛建立的Test.aspx上的HyperLink連結至Test2.aspx看看有何不同。HyperLink的超連結網址為http://localhost/Test/Test2.aspx#Link，數字11的位置可以完整看見了，這就是錨點的用途很簡易實現。

DropDownList資料繫結後加入"請選擇"靜態項目

2010-03-16T21:13:00.001+08:00

在Asp.Net的DropDownList控制項中，除了可以使用資料繫結(DataBind)的方式，也可使用靜態方式建立選項項目，亦可兩者同時建立。我們不用CodeBehind的寫法直接使用滑鼠完成DropDownList同時建立動態與靜態項目，一個很基礎又很實用的技巧記錄如下。

首先必須將DropListBox中的AppendDataBoundItems屬性設定為True，其功用如下方說明所示：將資料繫結項目附加至靜態宣告的清單項目。原來Vistual Studio都幫我們預先做好了，只要設定為Ture就可以。

接著將靜態項目加入DropDownList中，方法如下圖：

完成後的程式碼如下：
<asp:DropDownList ID="DropDownList" runat="server" DataSourceID="SqlDataSource" DataTextField="Test1" DataValueField="Test2" AppendDataBoundItems="True" >
<asp:ListItem Value="0">請選擇</asp:ListItem>
</asp:DropDownList>

<asp:SqlDataSource ID="SqlDataSource" runat="server" ConnectionString="<%$ ConnectionStrings:TestConnectionString %>"
SelectCommand="Select * From Test">
</asp:SqlDataSource>

Class類別中的Response、Server、Request未宣告解決方法(使用HttpContext.Current屬性)

2010-03-16T20:38:00.001+08:00

對於需要重複使用的程式碼，我們通常可以寫在Asp.Net的Public Class類別中，再到WebForm中呼叫。例如在Test.aspx.vb的Page Load中使用此段程式碼來判斷使用者是否已登入。

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load    If Server.HtmlEncode(Request.Cookies("UserInfo")("Login")) = True Then        Response.Redirect("Default.aspx")    Else        Response.Redirect("Login.aspx")    End IfEnd Sub

我們需要在每一個頁面都先進行使用者是否登入的判斷，因此將此區段程式碼取出寫在Public Class類別中提供給每個頁面呼叫。

在Asp.Net中建立一個名為Class1.vb的類別，接著把上面的程式碼貼入Public Sub中會發現如下圖畫面中的錯誤：

在Class1.vb中出現Server、Request、Response皆未宣告的錯誤訊息。

因為Server、Request、Response的預設值是Page，即Page.Server、Page.Request、Page.Response。也就是說Page.Response的返回值是當前頁面的值，而在Class1.vb類別中無法得知當前頁面的值為何。

因此需要透過Http從來源頁面中傳遞告知當前頁面為何，我們在每個錯誤訊息前面加上HttpContext.Current屬性：

Imports Microsoft.VisualBasic Public Class Class1    Public Sub Get_Cookie()        If HttpContext.Current.Server.HtmlEncode _        (HttpContext.Current.Request.Cookies("UserInfo")("Login")) = True Then            HttpContext.Current.Response.Redirect("Default.aspx")        Else            HttpContext.Current.Response.Redirect("Login.aspx")        End If    End SubEnd Class

最後，將Test.aspx.vb的Page_Load改為Call呼叫的方式來使用Class1.vb類別

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load    Dim Class1 As New Class1    Call Class1.Get_Cookie()End Sub

Alert視窗確認後Response.Redirect轉跳頁面的替代方法(含ScriptManager Ajax頁面轉跳方法)

2010-03-10T21:00:00.002+08:00

在Asp.net中，需要在操作例如送出動作時，先彈出確認視窗之後轉跳到指定頁面的功能其實是非常常見的。此功能的實作算是非常基礎的，很多剛開始嘗試寫Asp.Net的人直覺寫法是一段JavaScript語法加上Response.Redirect來實現：
Response.Write "<script >alert('更新成功！');</script>"
Response.Redirect("Default.aspx")

此種直覺的寫法在實際執行時會發現，Alert的警告視窗不出現就直接轉跳頁面到Default.aspx去了。我也寫過這種無法正確執行的程式碼，因而誤以為自己語法寫錯了。Alert視窗呢？回頭仔細檢查語法發現並沒有寫錯，為何不顯示Alert呢？

這是因為Response.Redirect是在未送出HttpHead前便執行了，而JavaScript又是需要在Client端才能Run，也就是說用了Response.Redirect在返回Client端以前頁面就已經被轉向至Default.aspx，那麼原本頁面的Alert便無法執行了。

瞭解原因後，就可以使用其它方法來替代Response.Redirect來實現轉跳的功能。在JavaScript語法中本身已有頁面轉跳的功能語法，因此我們將上面原本無法正確執行的兩行程式碼合併為一行：
Response.Write("<script>alert('修改成功!'); location.href='Default.aspx'; </script>")

直接在Alert後使用location.href=』轉跳網址...』，如此便可避免因頁面已轉跳無法將JavaScript返回Client端執行的問題。

另外一種情況為在頁面中使用了ScriptManager來實現Ajax的頁面。含有Ajax功能的頁面若使用上述方法來轉跳頁面，會發現Alert視窗也無法正確顯示出來，需改為下列的程式碼：
ScriptManager.RegisterStartupScript(Me, Me.GetType(), "alert", "alert('修改成功!'); location.href='Default.aspx';", True)

RegisterStartupScript類似Response.Write功能相仿，多了的Type與Key的參數。實際在顯示畫面的差別為，使用Response.Write時彈出的Alert視窗後面的頁面是空白的看不到任何頁面內容：

使用RegisterStartupScript時彈出的Alert視窗後面的頁面內容是可見的：

補充：
不含ScriptManager Ajax功能頁面的RegisterStartupScript寫法：
Page.ClientScript.RegisterStartupScript(Me.GetType(), "Test", "<script>alert('修改成功!');location.href='Default.aspx';</script>")

HyperLink使用Eval繫結資料庫傳遞QueryString值

2010-03-09T21:50:00.001+08:00

要實作的功能為網站首頁最新公告欄位，我們想要透過點擊公告主題來進入詳情頁面(PostDetail.aspx)，如下圖：

紅框處使用HyperLink來繫結公告主題，而HyperLink的NavigateUrl屬性我們要連結至詳情頁面(PostDetail.aspx)並使用QueryString傳值的方式來傳遞公告編號至詳情頁面。

若是屬於GridView中的HyperLink其傳遞QueryString的寫法是：PostDetail.aspx?公告編號={0}，其中{0}便是繫結了資料庫的公告編號，GridView等於自動幫你繫結好了。那麼，若是使用單獨的HyperLink控制項，可以使用Eval繫結寫法的方式來傳遞QueryString值。

其寫法如下：
<asp:HyperLink ID="HyperLink" runat="server"
NavigateUrl='<%# "PostDetail.aspx?PostID=" & Eval("公告編號") %>' >
<%# Eval("主題") %></asp:HyperLink>

※ 前提是別忘了先將欲繫結的資料欄位Select出來。

GridView中使用CommandArgument取得Button按哪一列(ListView同樣適用)

2010-02-26T22:14:00.001+08:00

在Asp.net中Button有個非常好使用的屬性：CommandArgument
MSDN對CommandArgument的解釋是：取得或設定選擇性 (Optional) 參數，與相關的 CommandName 一起傳遞至 Command 事件。
配合GridView、ListView使用起來可以實現判斷點擊Button是哪一列的功能。

要實現判斷按了哪一列有許多種不同作法，使用Button的CommandArgument屬性只是其中之一，但是我個人覺得最方便也最直覺的設定方法。

在 Visturl Studio 中可以使用滑鼠點擊方式來設定CommandArgument的繫結，方式如下：

此例在GridView中使用ButtonField設置了刪除按鈕，接著我們先將其轉換為TemplateField模式以利我們後續自定一些設定。

接著點擊GridView視覺化視窗中的小箭頭 > 進入編輯樣板，找到欲設定的刪除按鈕後，再點擊小箭頭 > 編輯DataBinding。

重要設定在此：在DataBindings設定視窗中，要選擇CommandArgument來作資料繫結的動作。接著選取欄位繫結(F)下拉選取欲繫結的選項，通常必須選擇作為等下要設定為SQL Delete 語法 Where 條件的選項。(若一開始無法選擇欄位繫結，點擊下方重新整理結構描述後即可)

設定完成後，GridView中刪除按鈕便會多了CommandArgument='<%# Eval("拜訪編號") %>'這行程式碼。

<asp:TemplateField ShowHeader="False">     <ItemTemplate>        <asp:Button ID="Button2" runat="server" CausesValidation="False"             CommandName="Delete_VI" Text="刪除"             OnClientClick = "if (confirm('您確定要刪除嗎?')==false) {return false;}"             CommandArgument='<%# Eval("拜訪編號") %>' />     </ItemTemplate></asp:TemplateField>

最後在aspx.vb中以CodeBehind方式撰寫SQL的Delete程式碼：
由於GridView中可能不只存在一個按鈕，因此必須先在GridView_RowCommand事件中先行判斷點擊的是刪除按鈕，之後才接著執行刪除的SQL動作。

Protected Sub GridView_RowCommand(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.GridViewCommandEventArgs) Handles GridView.RowCommand        If e.CommandName = "Delete_VI" Then            Dim strSQL As String            Dim Cmd As SqlCommand             Try                strSQL = "Delete 拜訪目的 Where 拜訪編號=@拜訪編號 "                 Cmd = New SqlCommand(strSQL, conn)                 Cmd.Parameters.Add(New SqlParameter("@拜訪編號", SqlDbType.Int))                Cmd.Parameters("@拜訪編號").Value = e.CommandArgument                Cmd.Connection.Open()                Cmd.ExecuteNonQuery()                Cmd.Cancel()                Cmd.Connection.Close()                conn.Dispose()                 VI_GridView.DataBind()            Catch ex As Exception                Response.Write(ex.Message)            End Try        End If    End Sub

其中，在SQL的Where條件使用了e.CommandArgument來取得繫結在CommandArgument上的資料作為刪除條件，即可實現在GridView刪除點擊那一列的功能。

補充：
在ListView中使用CommandArgument實現判斷Button點擊哪一列功能與GridView設定相同。唯一不同之處是ListView將Button的CommandName 傳遞至ItemCommand中，因此我們只需要將e.CommandArgument改寫在ItemCommand事件中即可。

CodeBehind方式設定GridView欄寬、置中

2010-02-25T21:17:00.001+08:00

使用GridView中內建的編輯功能預設是沒有設定欄寬的，因此會造成編輯時的TextBox將欄位撐開的問題：

在GridView的RowDataBound事件中以CodeBehind設定欄位寬度與文字置中：

Protected Sub GridView_RowDataBound(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.GridViewRowEventArgs) Handles GridView.RowDataBound        '設定欄位寬度  GridView.Columns(1).ItemStyle.Width = 80        GridView.Columns(1).ControlStyle.Width = 80         '設定文字置中   GridView.Columns(1).ItemStyle.HorizontalAlign = HorizontalAlign.Center    End Sub

ItemStyle.Width：普通模式欄位寬度
ControlStyle.Width ：編輯模式欄位寬度

設定後結果：

補充：
以For迴圈方式設定GridView中所有欄位寬度

Protected Sub GridView_RowDataBound(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.GridViewRowEventArgs) Handles GridView.RowDataBound        Dim i As Integer        For i As Integer = 0 To GridView.Columns.Count - 1            GridView.Columns(i).ItemStyle.Width = 80        NextEnd Sub