TA的每日心情 | 衰 2019-8-18 09:37 |
---|
签到天数: 2 天 [LV.1]初来乍到
|
随着微软.NET的流行,ASP.NET越来越为广大开发人员所接受。作为ASP.NET的开发人员,我们不仅需要掌握其基 本的原理,更要多多实践,从实践中获取真正的开发本领。在我们的实际开发中,往往基本的原理满足不了开发需
% i+ _) j3 F6 u9 a4 ?' Y求,我们更多的要积累一些开发技巧,本文就向大家介绍一些实用技巧,希望对大家的开发有所裨益。0 f1 f# i# D7 p. {+ q
1. ~ 的用法
6 L" j& U& m+ u+ d 一般的情况下,我们是使用./../ 这样的相对路径来确定和规划我们的资源(比如图片、资源文件),但这种方
; j4 A J! H$ O式下在我们部署应用的时候,可能会出错,另外对于.ascx的控件中如果包含了一个图片,而这个控件被我们在不
: s& c! q4 t5 e. z! @3 J. l7 g7 n同层次的两个目录的aspx文件分别引用时,问题就会出现了。
/ J3 }( H6 d4 x x* |+ |6 J ~/image/about.bmp " z. ^9 u2 x3 |- q8 L" t0 L: Y
是一种非常好的方法,它以Web应用程序的根目录为起始点,这样使得比你使用./image/about.bmp这样的方式要更
* ^6 c! S4 i6 D加灵活和方便。有一点不好,是这种方式是在ASP.NET运行时动态解析的,所以在IDE设计模式中,你可能不能预览) ]' Z& G1 K% g$ \6 t
它。
) |! O4 {: f3 e 2. 在刷新和提交页面后,保存你的页面滚动条的位置/ ]- h! }# F; {9 X1 W! A9 e
经常有这样的情况,我们需要用户提交一个表单,但是表单中有超过500+个?控件或文本框要填写,也就是说
) h" @; t3 G. a3 S# K用户需要拉动IE的滚动条才能够填得完,那么假如用户正在可见IE范围的2/3处,选择了一个组合框的值,很不幸
* X3 E# \2 Y6 B! Z0 w组合框是服务器端的,那么也就意味着页面会提交一次,而当用户再看见刷新过的页面时,页面确定在3/1的地方
+ q& S# C& H* M0 _3 V也就是显示在页面最开始的地方,用户只有拖动鼠标,然后接着刚刚的地方再填写剩下的250个控件,很不幸,370
, ]* k6 ?$ s- p1 @+ l个控件又需要他选择一下? # I5 p8 G4 O. A+ `' D
用下面的方法可以很快地确定和记住你提交前的位置。8 a8 }, Z. o- @1 m, j) K4 ~" C5 ^
网上的Old Dog Learns New Tricks也有一个类似的例子Maintain Scroll Position in any Page Element,
; k( B3 N4 Z4 B1 ?( W# ^不过他使用了Web Behavior这意味着你需要使用一个.htc文件7 v, j; O$ v2 V7 w, p- V, h# @
Private Sub RetainScrollPosition()
, l; s7 x1 C4 q3 W9 D3 o7 TDim saveScrollPosition As New StringBuilder
4 o7 A6 J7 Y% @- J RDim setScrollPosition As New StringBuilder: m1 S$ m' \. k, i$ S( o% ?6 Y* p
RegisterHiddenField("__SCROLLPOS", "0")* ?) D$ S" D; P! x$ C% G2 ?' L
saveScrollPosition.Append("<script language='javascript'>")- ~2 E2 t; V0 Z& W) G8 L, }. l, J
saveScrollPosition.Append("function saveScrollPosition() {")5 B7 m Q0 }$ p( K
saveScrollPosition.Append(" document.forms[0].__SCROLLPOS.value = document.body.scrollTop;")
) y9 N7 R( u* q; @/ F+ }6 rsaveScrollPosition.Append("}")6 {; |4 _4 I1 U
saveScrollPosition.Append("document.body.onscroll=saveScrollPosition;")
! j/ L3 V! G8 m/ CsaveScrollPosition.Append("</script>")
: j6 @- i+ Y0 Q- p" M; TRegisterStartupScript("saveScroll", saveScrollPosition.ToString())$ ] F2 S& `; b }5 _# x
If (Page.IsPostBack = True) Then+ u+ I0 ^3 t2 V; O! h
setScrollPosition.Append("<script language='javascript'>")
5 `2 N3 X/ k; ~( u. MsetScrollPosition.Append("function setScrollPosition() {")" i/ b6 g9 @1 Z W# M" A; U; e
setScrollPosition.Append(" document.body.scrollTop = " & Request("__SCROLLPOS") & ";")
- H" _) X( ~. i1 L8 b/ x- GsetScrollPosition.Append("}")
5 R0 `7 v% P! `setScrollPosition.Append("document.body.onload=setScrollPosition;") I5 G- [; b6 }2 w+ O; g! n3 n0 g
setScrollPosition.Append("</script>"): t' N1 I& Y% u: L& q
RegisterStartupScript("setScroll", setScrollPosition.ToString())
* A3 [4 L7 c: V3 N0 L! P& WEnd If
$ U3 {0 U! T2 eEnd Sub3 \% @- z" |$ g# p* Y" j+ Y
Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles
+ i" h- Y5 l7 Z/ ^' XMyBase.Load; ~0 x1 W# y5 j) j
RetainScrollPosition()' }4 h# M l' g' h# o. m- |7 S
End Sub " t/ O3 {4 A4 O8 Q- g( h7 X+ _
9 q, A$ w2 \0 R7 ~" Q, | l, n
3. DataList使用不同风格的模板; W7 N6 R! Y ?; o+ W" M+ U( S
这招也非常实用,你可以制作两个不同的模板或表现形式,分别以.ascx控件的形式保存,运行时根据某个条& _# V, `# s( [( I8 x4 m6 u
件动态的选择使用其中的一个模板,另外ScottGu认为ItemDataBound方法也可以定制你显示的表现,比如加亮某个7 W" ^, K0 Z) `. J# x4 U
元素或是加一个促销广告图等等。- }& ^+ U1 J( i6 W
Dim theme As String2 o5 H5 g) n- h! ^6 G) G" B
theme = DropDownList1.SelectedValue( H0 U+ C6 `/ ~+ w1 d2 W" P
DataList1.ItemTemplate = Page.LoadTemplate(theme & ".ascx") ---Cool0 y, E! X$ F5 t
DataList1.DataSource = DS3 I* j h3 X6 j& ~
DataList1.DataBind()
: B( S: H3 X/ b* d) o# Y/ f1 O 4. 设置服务器端控件的焦点
, W: e3 N0 c, ?2 Y) ]& @6 N* bPrivate Sub SetFocus(ByVal controlToFocus As Control)9 `; d$ N& T& ?8 D
Dim scriptFunction As New StringBuilder
. j; ^, ?+ w+ \$ Y' P9 `Dim scriptClientId As String
% C" K0 f v' N' k* {/ @ \1 pscriptClientId = controlToFocus.ClientID
2 Y2 y7 E* X8 L) d% c7 M6 `3 {! tscriptFunction.Append("<script language='javascript'>")
g$ \& B: V. tscriptFunction.Append("document.getElementById('" & scriptClientId & "').focus();")
( Y7 s H U+ ^# s# yscriptFunction.Append("</script>")$ Q) }! M0 h) O0 w& V# K4 l
RegisterStartupScript("focus", scriptFunction.ToString())
1 V; m! }* l4 M' o. Y# g$ ~) GEnd Sub8 j$ }" p( V$ R* ?+ g
Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles , K3 W8 ?( H1 Q" q- G! ]6 z0 y P
MyBase.Load' N. Q; o9 C- i: D% g
If (Page.IsPostBack = False) Then
) r3 t3 ^3 E+ o$ f' N" S0 xSetFocus(TextBox1)
3 D5 h+ L) I _3 J% JEnd If: `9 E$ x% v _
End Sub % G& n6 K+ a; j9 s5 d% n
5. 滚动DataGrid: S5 S- Q! W4 O( z: \/ m4 S
这招就更简单了,有时候你的页面只有一个固定的地方,但是需要显示非常多的数据,亦或是也不定,但是只# a3 S5 G0 `" u' {5 {7 k7 T0 `) O
有固定的一个地方给你显示它了。这时你就可以用下面这招,自动出滚动条,而且适用许多控件。很简单将你的控
: [1 v- q+ q V件放在一个DIV中将overflow属性设置成auto5 j; ^& M. i O( h
<div style=“height:400px;width:200px;overflow:auto”># v$ w6 u# ]: d3 [! A( U* w- D& J
<asp:datagrid id=“MyGrid” runat=“server”/>
5 i" y! N: n8 c</div> " @5 n- u% n' I" {3 S' n
6. 动态创建控件
/ ^8 K* H* S/ ~8 M4 _ h4 w4 x$ h" e 利用PlaceHolder控件,这东西在ASP.NET 2.0 Mutil-View和Master Page中运用的就更加多了。+ k9 |) O0 N( h V
Sub Page_Load()+ ~& ^2 @0 M a7 ?3 n; @/ g* d4 f
Dim i as Integer" [0 h" ~$ g0 Y9 T& B5 x
For i=0 to 4
- I# a, e Y$ h4 hDim myUserControl as Control
7 `# v) s1 I: O7 Z/ t; zmyUserControl = Page.LoadControl(“foo.ascx”)
$ s' `: \" o# t: Z VPlaceHolder1.Controls.Add(myUserControl)
+ q7 |2 g) s4 N# m7 s1 ZPlaceHolder1.Controls.Add(New LiteralControl(“<br>”))0 [# n; _% z" s! Y! Y- l$ n
Next i
) [9 J F( S, p: s8 {! QEnd Sub / V& v c/ A& e% P1 _/ X: W
7. 客户端代码的使用% Q# s! I$ U( M/ I
1). 可以使用客户端的事件代码,但两者不能同名,服务器端代码的名是你可以控制的。对于非ASP.NET的标1 }% B( ?6 v; a" Q- R; L
准控件的自定义控件必须实现IAttributeAccessor接口或从WebControl派生并且可用expando属性
7 C8 \: ?6 b+ E$ H; {' F/ Uasp:ImageButton id=“foo”
& x+ o7 Q7 J4 k( c: H4 yImageUrl=“start.jpg”0 |6 T$ v8 z! P5 O7 w- q
onMouseOver=“rollover(this);”
" K4 _& Q6 V4 q1 _( ponMouseOut=“rollout(this)” ^3 _; \) \3 l! c% O/ K' U
rolloversrc=“myrollover.jpg”% v% n- u6 p7 N0 N( k
rolloutsrc=“myrollout.jpg”, |" }6 b* S: @4 o
runat=“server”/>
9 O' c4 u0 n8 x6 K9 u( X3 S$ x8 y<input type=Button onClick=“return clientHandler()” g0 [" _& A1 y G
onServerClick=“Button1_Click” … />
) y4 B) N) P5 h% u4 u% y0 d 2). 使用可以在Postback之前执行客户端代码,当然也可以取消这次Postback,另外也可以访问客户端该页所* H' x: P: u5 d* |0 [
有的客户端控件。& k( b( ~( t) A% S7 ?# }' t2 t& B+ I; U: y
Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles
: O% z, u" y* _MyBase.Load* [1 i9 r9 p( Z# ~
RegisterOnSubmitStatement("foo", "return confirm('Are you sure you want to submit the order?');")/ h1 o2 _9 C! Z& ?0 ?: }+ [
End Sub
# Z7 i# P8 U# W- ]5 c" }% J; e 3). 还有更复杂的我认为不实用,大家可以自己去看,主要是运用RegisterStartupScript和JavaScript的技术 |
|