TA的每日心情 | 衰 2019-8-18 09:37 |
---|
签到天数: 2 天 [LV.1]初来乍到
|
随着微软.NET的流行,ASP.NET越来越为广大开发人员所接受。作为ASP.NET的开发人员,我们不仅需要掌握其基 本的原理,更要多多实践,从实践中获取真正的开发本领。在我们的实际开发中,往往基本的原理满足不了开发需- N1 ?' t D- R( |( j
求,我们更多的要积累一些开发技巧,本文就向大家介绍一些实用技巧,希望对大家的开发有所裨益。
. Z |* k7 W8 j# g 1. ~ 的用法( r8 d8 N4 b3 ~
一般的情况下,我们是使用./../ 这样的相对路径来确定和规划我们的资源(比如图片、资源文件),但这种方7 \$ T+ J# d& \ Q# S6 K) d
式下在我们部署应用的时候,可能会出错,另外对于.ascx的控件中如果包含了一个图片,而这个控件被我们在不( |' K5 {+ h7 _! c' J4 i9 e, w
同层次的两个目录的aspx文件分别引用时,问题就会出现了。2 a! v# j4 @3 o
~/image/about.bmp
4 P. [; ]" @& ~' C2 f+ K是一种非常好的方法,它以Web应用程序的根目录为起始点,这样使得比你使用./image/about.bmp这样的方式要更2 j- o7 V5 O( E0 l- B
加灵活和方便。有一点不好,是这种方式是在ASP.NET运行时动态解析的,所以在IDE设计模式中,你可能不能预览4 `0 e! W5 W' G0 c
它。2 }% S# u3 a" b$ K' W
2. 在刷新和提交页面后,保存你的页面滚动条的位置
& y8 \ h3 m0 c3 @3 e8 @7 S 经常有这样的情况,我们需要用户提交一个表单,但是表单中有超过500+个?控件或文本框要填写,也就是说* G1 l' Q. Y6 m( d1 r* Y
用户需要拉动IE的滚动条才能够填得完,那么假如用户正在可见IE范围的2/3处,选择了一个组合框的值,很不幸
# F2 ?9 O, i6 z6 a组合框是服务器端的,那么也就意味着页面会提交一次,而当用户再看见刷新过的页面时,页面确定在3/1的地方
) C1 O) T- p* R' v c# u( g也就是显示在页面最开始的地方,用户只有拖动鼠标,然后接着刚刚的地方再填写剩下的250个控件,很不幸,3706 @' J4 y" R' i* ~% [# I3 O, ~/ i
个控件又需要他选择一下? 0 r) |% ~$ Z. u' e
用下面的方法可以很快地确定和记住你提交前的位置。* V( V3 p$ {& u6 W# f9 T% [
网上的Old Dog Learns New Tricks也有一个类似的例子Maintain Scroll Position in any Page Element,# v8 b9 a+ y4 n* S" `
不过他使用了Web Behavior这意味着你需要使用一个.htc文件
7 r4 o* Y9 Z. @2 U+ mPrivate Sub RetainScrollPosition()* S2 V# Z- M! t
Dim saveScrollPosition As New StringBuilder
( h- ]& n8 z1 p( N% w9 w' A- q) ]Dim setScrollPosition As New StringBuilder
. u) u \" \5 {; IRegisterHiddenField("__SCROLLPOS", "0")
2 }* X% q; ~& EsaveScrollPosition.Append("<script language='javascript'>")" _$ W/ e# }- I- R' X. y
saveScrollPosition.Append("function saveScrollPosition() {")
! L( E, K% J! t1 r1 D4 @6 DsaveScrollPosition.Append(" document.forms[0].__SCROLLPOS.value = document.body.scrollTop;")
3 a0 Y6 V! Q0 Z- F! _saveScrollPosition.Append("}")& N, S2 a9 ^% @, O3 e- M8 u7 @4 D
saveScrollPosition.Append("document.body.onscroll=saveScrollPosition;")
( M6 [# c& z6 r {saveScrollPosition.Append("</script>")9 O5 B4 A9 U7 r" v' T& |
RegisterStartupScript("saveScroll", saveScrollPosition.ToString())
; `, h ?- @. SIf (Page.IsPostBack = True) Then `4 S! I% @. y. i2 \
setScrollPosition.Append("<script language='javascript'>")2 Z# q; y* [1 `4 `
setScrollPosition.Append("function setScrollPosition() {")% L2 v( J% m2 b8 ]6 @; {: o
setScrollPosition.Append(" document.body.scrollTop = " & Request("__SCROLLPOS") & ";")
* p5 n5 ^8 S4 qsetScrollPosition.Append("}")
C2 G+ O1 T' e* dsetScrollPosition.Append("document.body.onload=setScrollPosition;")5 ^4 i4 [: x, o! R
setScrollPosition.Append("</script>")
6 }0 Z2 H3 C. K# W" _RegisterStartupScript("setScroll", setScrollPosition.ToString())8 a( C9 O: h2 M- f( b1 ~
End If
6 e! l# _( e! \( J. n* L% ?4 _! L y: ZEnd Sub
6 ^5 r3 F3 X9 `. m+ |) S7 Q `Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles
/ ^; @0 A G' xMyBase.Load! j# h8 E. F6 T3 D3 W$ k! t
RetainScrollPosition()
3 u. K* r6 }3 \End Sub 6 q3 f. j2 F$ G! J8 h
( x- v* e3 U5 j
3. DataList使用不同风格的模板3 a. N$ [; S9 s+ [# N
这招也非常实用,你可以制作两个不同的模板或表现形式,分别以.ascx控件的形式保存,运行时根据某个条, n. O$ G! L/ Z3 d
件动态的选择使用其中的一个模板,另外ScottGu认为ItemDataBound方法也可以定制你显示的表现,比如加亮某个5 y$ ]0 g# n3 ?6 p3 d( g& c
元素或是加一个促销广告图等等。8 g4 a6 N' |- Q: B0 Y! J
Dim theme As String( B" G1 W! {# W! X
theme = DropDownList1.SelectedValue
+ r) U" Z- j6 V- [) p+ P9 S% L1 yDataList1.ItemTemplate = Page.LoadTemplate(theme & ".ascx") ---Cool
" M* i% ?3 T* i" M7 c2 BDataList1.DataSource = DS3 K9 I3 `' M3 b) V& l2 A
DataList1.DataBind()
# h8 _9 w n9 D' n. \ 4. 设置服务器端控件的焦点
) O, H ^* |6 {Private Sub SetFocus(ByVal controlToFocus As Control)
+ ]1 M( w: F1 T; R' H( h( gDim scriptFunction As New StringBuilder( q. o/ @1 L: M6 D4 d# d$ E
Dim scriptClientId As String8 P' M$ v! V9 ^$ E8 c& U q
scriptClientId = controlToFocus.ClientID! e2 \5 [9 O6 t' @# m
scriptFunction.Append("<script language='javascript'>")# @" o. @; e1 f0 P" i' V# V z
scriptFunction.Append("document.getElementById('" & scriptClientId & "').focus();")( p$ _. t5 k" ^. T
scriptFunction.Append("</script>")/ ~7 ]+ Z; k9 z ~2 W$ e( b5 z
RegisterStartupScript("focus", scriptFunction.ToString())
. J0 k$ W( ?; G% ]; a* YEnd Sub$ l0 G- M1 G# z1 V8 T, H9 N
Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles 9 c7 M7 n! p" P! i5 T7 j; P( H' l
MyBase.Load
# t! b/ A$ j5 YIf (Page.IsPostBack = False) Then Q/ g- g( F' X1 R* x9 k2 w! P
SetFocus(TextBox1)9 h3 A' J! w3 ^! w' ~! z% v
End If
, H& h t$ L. N0 {. EEnd Sub ' m7 U+ k2 p( Y
5. 滚动DataGrid
/ q& N9 {& g) x; m! {* l 这招就更简单了,有时候你的页面只有一个固定的地方,但是需要显示非常多的数据,亦或是也不定,但是只: S" r1 }3 M0 x7 R9 x# E! r
有固定的一个地方给你显示它了。这时你就可以用下面这招,自动出滚动条,而且适用许多控件。很简单将你的控
0 f# t1 c" F2 b5 d. h/ d6 u件放在一个DIV中将overflow属性设置成auto# w/ h2 c0 e' `+ J! P$ ^; Z6 E3 A
<div style=“height:400px;width:200px;overflow:auto”>
! q; b8 D/ G: x4 \<asp:datagrid id=“MyGrid” runat=“server”/>
5 i2 |6 G7 }, D1 m3 [: m) j5 D& r</div> ( z( U0 m6 x& n1 y/ u2 m4 B; ^
6. 动态创建控件
( Z# q7 O$ }% E& x7 W 利用PlaceHolder控件,这东西在ASP.NET 2.0 Mutil-View和Master Page中运用的就更加多了。
; B ]- ^, y7 u3 R' y ASub Page_Load() \: b7 p' _3 d$ b2 @8 d/ u4 e7 R$ u
Dim i as Integer
* L( I$ K% Y3 H7 o A1 jFor i=0 to 4
" _$ z+ [9 M3 x) v2 B1 r# x' wDim myUserControl as Control
; E: J# _3 |) x) ?1 gmyUserControl = Page.LoadControl(“foo.ascx”) |6 F1 V* `9 m1 c
PlaceHolder1.Controls.Add(myUserControl)
" [7 N' ?6 u2 L( C lPlaceHolder1.Controls.Add(New LiteralControl(“<br>”))1 ?4 Q" N' Y% N3 b
Next i
. \ n& I& E" e9 f3 tEnd Sub 0 @2 C( v3 ~4 E F3 G$ s! D
7. 客户端代码的使用. U: W3 g' h9 U. `: w1 `
1). 可以使用客户端的事件代码,但两者不能同名,服务器端代码的名是你可以控制的。对于非ASP.NET的标' Q3 B: g' M! ~
准控件的自定义控件必须实现IAttributeAccessor接口或从WebControl派生并且可用expando属性
& H ]) X; G3 |) U+ v. N& Q# y2 {asp:ImageButton id=“foo” 6 {, \& O" {6 |% w8 C
ImageUrl=“start.jpg”
# C7 |& j/ s& l( E) a5 I. xonMouseOver=“rollover(this);”
/ l8 S" H- T/ w" G/ XonMouseOut=“rollout(this)”
1 v3 [8 X+ e4 M Y' xrolloversrc=“myrollover.jpg”
6 `+ D6 P \3 u. x: Y Z" wrolloutsrc=“myrollout.jpg”) @0 B" }1 N" ]8 J/ N6 M, @: a
runat=“server”/>. i% Y9 F+ y% \( T
<input type=Button onClick=“return clientHandler()”
5 B* V! I6 y) I @2 y' z5 O2 }onServerClick=“Button1_Click” … /> 7 {1 Y. F w+ a, z7 I$ F
2). 使用可以在Postback之前执行客户端代码,当然也可以取消这次Postback,另外也可以访问客户端该页所; m8 i: ]9 M5 d; `% E4 h; p
有的客户端控件。& V( o* t Z6 E
Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles
+ L. q h2 k/ R: NMyBase.Load' Y9 g8 n# I; X y# f9 g
RegisterOnSubmitStatement("foo", "return confirm('Are you sure you want to submit the order?');")% e5 K |2 V8 L4 W' t# m! d
End Sub . J; i z( E7 P0 [% g+ U+ k
3). 还有更复杂的我认为不实用,大家可以自己去看,主要是运用RegisterStartupScript和JavaScript的技术 |
|