TA的每日心情 | 衰 2019-8-18 09:37 |
|---|
签到天数: 2 天 [LV.1]初来乍到
|
随着微软.NET的流行,ASP.NET越来越为广大开发人员所接受。作为ASP.NET的开发人员,我们不仅需要掌握其基 本的原理,更要多多实践,从实践中获取真正的开发本领。在我们的实际开发中,往往基本的原理满足不了开发需- n3 A5 Z: u$ M& u3 \ E0 B& p
求,我们更多的要积累一些开发技巧,本文就向大家介绍一些实用技巧,希望对大家的开发有所裨益。
/ T+ q. X% O R9 k, H 1. ~ 的用法
* L x2 C6 T Y1 _( x+ D+ r 一般的情况下,我们是使用./../ 这样的相对路径来确定和规划我们的资源(比如图片、资源文件),但这种方
) c! t9 L/ s8 f% \ ]" K式下在我们部署应用的时候,可能会出错,另外对于.ascx的控件中如果包含了一个图片,而这个控件被我们在不
( l& a% {. L6 C& Q同层次的两个目录的aspx文件分别引用时,问题就会出现了。
R+ y" r/ T4 L9 c9 @& ? ~/image/about.bmp 8 F. I5 [4 u5 L5 B' P$ o$ {1 z& Y3 A, l
是一种非常好的方法,它以Web应用程序的根目录为起始点,这样使得比你使用./image/about.bmp这样的方式要更9 _; w1 p( h" r4 A# }4 X! s0 r# n
加灵活和方便。有一点不好,是这种方式是在ASP.NET运行时动态解析的,所以在IDE设计模式中,你可能不能预览
/ C* W4 J3 M# J' ^" y* `它。0 Z* Y Z2 |$ y" n6 R2 h# _2 C% Q
2. 在刷新和提交页面后,保存你的页面滚动条的位置
4 J" a. v% l [5 o( E- [1 h7 b 经常有这样的情况,我们需要用户提交一个表单,但是表单中有超过500+个?控件或文本框要填写,也就是说" n. \/ n$ e/ Q& R/ a; o3 b- d
用户需要拉动IE的滚动条才能够填得完,那么假如用户正在可见IE范围的2/3处,选择了一个组合框的值,很不幸 w$ W9 N9 D8 ]. U/ l" b V
组合框是服务器端的,那么也就意味着页面会提交一次,而当用户再看见刷新过的页面时,页面确定在3/1的地方
4 o- g+ C- c0 j- m* W9 q9 G也就是显示在页面最开始的地方,用户只有拖动鼠标,然后接着刚刚的地方再填写剩下的250个控件,很不幸,3707 |6 M4 d* {9 e: c% e) \+ s7 D' T1 G
个控件又需要他选择一下? 3 c6 u) H; B& u5 D; r& O" G
用下面的方法可以很快地确定和记住你提交前的位置。
% ]: E+ G" ]* c# E+ w% n 网上的Old Dog Learns New Tricks也有一个类似的例子Maintain Scroll Position in any Page Element,
* m- k" ?3 D% F$ ^- y9 ~3 B+ W( a不过他使用了Web Behavior这意味着你需要使用一个.htc文件
4 m) t" t8 D/ M7 {( _+ i; G9 dPrivate Sub RetainScrollPosition()
" t4 p" V2 b4 `Dim saveScrollPosition As New StringBuilder. @' p( L$ ?/ h$ C% Z/ V5 U
Dim setScrollPosition As New StringBuilder
3 N4 d( }& ? U* pRegisterHiddenField("__SCROLLPOS", "0")& q! d" ]! h' ^! a+ Y$ w0 Q2 D3 ?
saveScrollPosition.Append("<script language='javascript'>"); a) G) [7 ?! R: t
saveScrollPosition.Append("function saveScrollPosition() {")
: j2 X8 t S9 w, R6 p7 {saveScrollPosition.Append(" document.forms[0].__SCROLLPOS.value = document.body.scrollTop;")
{) |' i( O( QsaveScrollPosition.Append("}")
2 B d7 n% G$ t8 Z! O1 o# hsaveScrollPosition.Append("document.body.onscroll=saveScrollPosition;")
+ X, k" s4 s) W0 @8 C0 {saveScrollPosition.Append("</script>")
- R$ j, i$ Z/ [2 w0 u" ORegisterStartupScript("saveScroll", saveScrollPosition.ToString()). }8 W$ q7 _1 E+ j1 A# |3 ?
If (Page.IsPostBack = True) Then
0 S* H$ s9 N( h, g/ _setScrollPosition.Append("<script language='javascript'>")4 @: G6 W, U! ^5 | B6 r8 ]
setScrollPosition.Append("function setScrollPosition() {")
, P% u- B0 D3 S/ s% G2 YsetScrollPosition.Append(" document.body.scrollTop = " & Request("__SCROLLPOS") & ";")
/ a$ [$ z I7 H+ |6 R& {setScrollPosition.Append("}")( ^$ [% t4 e& N- U I( V. h8 g
setScrollPosition.Append("document.body.onload=setScrollPosition;")0 T7 N( c5 A, P4 G" \3 e. n: R
setScrollPosition.Append("</script>")
, h/ U2 h; Z8 L; Y9 A1 t6 a# h! ^RegisterStartupScript("setScroll", setScrollPosition.ToString())4 o7 ~& E: I0 J3 i: ?5 o, @
End If% t: W8 g' r" o
End Sub
* I' \/ j" D0 xPrivate Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles
5 `* w) } }8 _4 Y9 r( }MyBase.Load
4 ]$ v+ ?- R9 ?" Q6 B% gRetainScrollPosition()/ G, U! y# w3 H8 @
End Sub , `, U: Q3 W5 @: a$ h
6 R. f$ E7 c! j" b8 V; z. K
3. DataList使用不同风格的模板
: r" G* U! L, d7 P 这招也非常实用,你可以制作两个不同的模板或表现形式,分别以.ascx控件的形式保存,运行时根据某个条! g; ^3 j* _7 @7 q" P4 a& |
件动态的选择使用其中的一个模板,另外ScottGu认为ItemDataBound方法也可以定制你显示的表现,比如加亮某个: r/ z4 b3 ]$ e4 y( L
元素或是加一个促销广告图等等。
6 V9 R; X' o8 |4 t! jDim theme As String
" h5 P) s$ ^9 M0 W K, ytheme = DropDownList1.SelectedValue0 B8 v& w0 \& {
DataList1.ItemTemplate = Page.LoadTemplate(theme & ".ascx") ---Cool
$ m6 c7 j7 e0 J$ R8 q7 vDataList1.DataSource = DS
& r" c7 W* E% G* n, F% t* EDataList1.DataBind() 8 N5 f7 D0 d7 N' u# ]5 v6 i
4. 设置服务器端控件的焦点' r3 A6 f5 c: }7 v' }% i- ~
Private Sub SetFocus(ByVal controlToFocus As Control)
2 R) S0 p5 L8 o0 kDim scriptFunction As New StringBuilder
. C+ P; N1 \2 @7 a4 G# V& gDim scriptClientId As String
) o( U C- [7 {scriptClientId = controlToFocus.ClientID
2 l1 w e* J( oscriptFunction.Append("<script language='javascript'>")
# y! q" H& _6 y* y/ w8 V4 T8 fscriptFunction.Append("document.getElementById('" & scriptClientId & "').focus();")
& v8 f& d& r% }0 B5 K% fscriptFunction.Append("</script>")
& W& e) H x$ S; a' v6 w5 P( TRegisterStartupScript("focus", scriptFunction.ToString())
/ t' s8 b8 I$ S* MEnd Sub
+ m8 S0 Q' }9 jPrivate Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles
$ N: h# Q5 ]+ f DMyBase.Load( J5 Q' Q7 g0 V& r3 Y$ J% T
If (Page.IsPostBack = False) Then4 ]. Z/ M4 p2 r! {4 i* q$ G; o# v j# x
SetFocus(TextBox1) f4 v! O2 i* z e
End If
3 h) P! r# h: C/ E- D5 j7 ~End Sub 3 _6 n/ c# H+ s' d
5. 滚动DataGrid
' y* Y1 P/ }) W( A& p+ r8 E x( v. p 这招就更简单了,有时候你的页面只有一个固定的地方,但是需要显示非常多的数据,亦或是也不定,但是只
7 Y Q- t, n) D1 H9 G有固定的一个地方给你显示它了。这时你就可以用下面这招,自动出滚动条,而且适用许多控件。很简单将你的控
) F$ N3 c n. F' h: A- g' ~) r2 {件放在一个DIV中将overflow属性设置成auto3 J8 Z# n0 ^# x
<div style=“height:400px;width:200px;overflow:auto”>
! b+ N& j1 F9 x2 v<asp:datagrid id=“MyGrid” runat=“server”/>$ K5 M+ A* G! c; E' L& G# t3 W
</div>
6 ^4 B, k, j8 w; e 6. 动态创建控件9 w/ T0 C: G; |
利用PlaceHolder控件,这东西在ASP.NET 2.0 Mutil-View和Master Page中运用的就更加多了。: Q5 H: K. j2 V4 l
Sub Page_Load()
# N6 d5 j% Q' `Dim i as Integer
0 X' L: c# b& K7 R1 I* rFor i=0 to 4
/ f1 ~" [- k: }3 Q3 CDim myUserControl as Control4 I- H; Y2 l& k& J, F; F1 N5 n/ b8 k5 i
myUserControl = Page.LoadControl(“foo.ascx”)" I9 z# T2 @8 ?- x# S
PlaceHolder1.Controls.Add(myUserControl)
* O+ M' ~' N- d4 m, v5 T) jPlaceHolder1.Controls.Add(New LiteralControl(“<br>”))1 k, U% @' t4 }
Next i
' W% d1 e8 b' M% [7 w) HEnd Sub
& c) |9 ~4 i8 ^ a0 x% M3 q 7. 客户端代码的使用& Z9 U* V) Q7 x/ x
1). 可以使用客户端的事件代码,但两者不能同名,服务器端代码的名是你可以控制的。对于非ASP.NET的标: N" f2 a, C, B9 V( f5 J/ A5 L3 U
准控件的自定义控件必须实现IAttributeAccessor接口或从WebControl派生并且可用expando属性
5 E2 `" q( y1 g8 k# d/ r1 yasp:ImageButton id=“foo”
/ d% S |& I! P- d7 g4 S* hImageUrl=“start.jpg”
( [* Y% X+ ~8 N) y4 C8 `onMouseOver=“rollover(this);”
1 c Y. {0 }4 b2 PonMouseOut=“rollout(this)”
4 Q, {' X3 m# k, c# O* zrolloversrc=“myrollover.jpg”% w+ L; v, W/ _1 b' n0 \# l/ v7 I
rolloutsrc=“myrollout.jpg”( w7 E/ I1 n9 t
runat=“server”/>
9 R4 L9 s4 R& [0 }! E, _<input type=Button onClick=“return clientHandler()” 5 d+ [+ O! N) q$ ~8 G/ K
onServerClick=“Button1_Click” … /> & P, u# W# q8 @/ f
2). 使用可以在Postback之前执行客户端代码,当然也可以取消这次Postback,另外也可以访问客户端该页所
0 e+ z- C5 c" [3 l6 O有的客户端控件。
4 t4 M( P5 r5 e$ I5 SPrivate Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles " F4 G& h/ m: Z1 r5 e
MyBase.Load
5 `8 v) t6 F- E. W1 e& h RegisterOnSubmitStatement("foo", "return confirm('Are you sure you want to submit the order?');")
/ B9 j7 a" @3 F- T4 oEnd Sub
- |/ B N' {9 ?& q& X 3). 还有更复杂的我认为不实用,大家可以自己去看,主要是运用RegisterStartupScript和JavaScript的技术 |
|