1. ~ 的用法
一般的情況下,我們是使用./../ 這樣的相對路徑來確定和規劃我們的資源(比如圖片、資原始檔),但這種方式下在我們部署應用的時候,可能會出錯,另外對於.ascx的控制元件中如果包含了一個圖片,而這個控制元件被我們在不同層次的兩個目錄的aspx檔案分別引用時,問題就會出現了。
~/image/about.bmp 是一種非常好的方法,它以Web應用程式的根目錄為起始點,這樣使得比你使用./image/about.bmp這樣的方式要更加靈活和方便。有一點不好,是這種方式是在ASP.NET執行時動態解析的,所以在IDE設計模式中,你可能不能預覽它。
2. 在重新整理和提交頁面後,儲存你的頁面滾動條的位置
經常有這樣的情況,我們需要使用者提交一個表單,但是表單中有超過500+個?控制元件或文字框要填寫,也就是說使用者需要拉動IE的滾動條才能夠填得完,那麼假如使用者正在可見IE範圍的2/3處,選擇了一個組合框的值,很不幸組合框是伺服器端的,那麼也就意味著頁面會提交一次,而當使用者再看見重新整理過的頁面時,頁面確定在3/1的地方也就是顯示在頁面最開始的地方,使用者只有拖動滑鼠,然後接著剛剛的地方再填寫剩下的250個控制元件,很不幸,370個控制元件又需要他選擇一下?
用下面的方法可以很快地確定和記住你提交前的位置。
網上的Old Dog Learns New Tricks也有一個類似的例子Maintain Scroll Position in any Page Element,不過他使用了Web Behavior這意味著你需要使用一個.htc檔案
Private Sub RetainScrollPosition()
Dim saveScrollPosition As New StringBuilder
Dim setScrollPosition As New StringBuilder
RegisterHiddenField("__SCROLLPOS", "0")
saveScrollPosition.Append("<script language='javascript'>")
saveScrollPosition.Append("function saveScrollPosition() {")
saveScrollPosition.Append(" document.forms[0].__SCROLLPOS.value = thebody.scrollTop;")
saveScrollPosition.Append("}")
saveScrollPosition.Append("thebody.onscroll=saveScrollPosition;")
saveScrollPosition.Append("</script>")
RegisterStartupScript("saveScroll", saveScrollPosition.ToString())
If (Page.IsPostBack = True) Then
setScrollPosition.Append("<script language='javascript'>")
setScrollPosition.Append("function setScrollPosition() {")
setScrollPosition.Append(" thebody.scrollTop = " & Request("__SCROLLPOS") & ";")
setScrollPosition.Append("}")
setScrollPosition.Append("thebody.onload=setScrollPosition;")
setScrollPosition.Append("</script>")
RegisterStartupScript("setScroll", setScrollPosition.ToString())
End If
End Sub
Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load
RetainScrollPosition()
End Sub
3. DataList使用不同風格的模板
這招也非常實用,你可以製作兩個不同的模板或表現形式,分別以.ascx控制元件的形式儲存,執行時根據某個條件動態的選擇使用其中的一個模板,另外ScottGu認為ItemDataBound方法也可以定製你顯示的表現,比如加亮某個元素或是加一個促銷廣告圖等等。
Dim theme As String
theme = DropDownList1.SelectedValue
DataList1.ItemTemplate = Page.LoadTemplate(theme & ".ascx") ---Cool
DataList1.DataSource = DS
DataList1.DataBind()
4. 設定伺服器端控制元件的焦點
Private Sub SetFocus(ByVal controlToFocus As Control)
Dim scriptFunction As New StringBuilder
Dim scriptClientId As String
scriptClientId = controlToFocus.ClientID
scriptFunction.Append("<script language='javascript'>")
scriptFunction.Append("document.getElementById('" & scriptClientId & "').focus();")
scriptFunction.Append("</script>")
RegisterStartupScript("focus", scriptFunction.ToString())
End Sub
Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load
If (Page.IsPostBack = False) Then
SetFocus(TextBox1)
End If
End Sub
5. 滾動DataGrid
這招就更簡單了,有時候你的頁面只有一個固定的地方,但是需要顯示非常多的資料,亦或是也不定,但是隻有固定的一個地方給你顯示它了。這時你就可以用下面這招,自動出滾動條,而且適用許多控制元件。很簡單將你的控制元件放在一個DIV中將overflow屬性設定成auto
<div style=“height:400px;width:200px;overflow:auto”>
<asp:datagrid id=“MyGrid” runat=“server”/>
</div>
6. 動態建立控制元件
利用PlaceHolder控制元件,這東西在ASP.NET 2.0 Mutil-View和Master Page中運用的就更加多了。
Sub Page_Load()
Dim i as Integer
For i=0 to 4
Dim myUserControl as Control
myUserControl = Page.LoadControl(“foo.ascx”)
PlaceHolder1.Controls.Add(myUserControl)
PlaceHolder1.Controls.Add(New LiteralControl(“<br>”))
Next i
End Sub
7. 客戶端程式碼的使用
1). 可以使用客戶端的事件程式碼,但兩者不能同名,伺服器端程式碼的名是你可以控制的。對於非ASP.NET的標準控制元件的自定義控制元件必須實現IAttributeAccessor介面或從WebControl派生並且可用expando屬性
asp:ImageButton id=“foo”
ImageUrl=“start.jpg”
onMouseOver=“rollover(this);”
onMouseOut=“rollout(this)”
rolloversrc=“myrollover.jpg”
rolloutsrc=“myrollout.jpg”
runat=“server”/>
<input type=Button onClick=“return clientHandler()”
onServerClick=“Button1_Click” … />
2). 使用可以在Postback之前執行客戶端程式碼,當然也可以取消這次Postback,另外也可以訪問客戶端該頁所有的客戶端控制元件。
Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load
RegisterOnSubmitStatement("foo", "return confirm('Are you sure you want to submit the order?');")
End Sub
3). 還有更復雜的我認為不實用,大家可以自己去看,主要是運用RegisterStartupScript和JavaScript的技術
以上文章介紹了一些ASP.NET中常用而且比較實用的技巧,希望能對大家的實際開發有所裨益!