TA的每日心情 | 衰 2019-8-18 09:37 |
---|
签到天数: 2 天 [LV.1]初来乍到
|
随着微软.NET的流行,ASP.NET越来越为广大开发人员所接受。作为ASP.NET的开发人员,我们不仅需要掌握其基 本的原理,更要多多实践,从实践中获取真正的开发本领。在我们的实际开发中,往往基本的原理满足不了开发需
8 v0 ^2 ?8 m( _/ G1 c& c5 O& v求,我们更多的要积累一些开发技巧,本文就向大家介绍一些实用技巧,希望对大家的开发有所裨益。5 C Z" L+ s' {0 \
1. ~ 的用法
4 w/ f6 |: n8 F8 B2 D( Z 一般的情况下,我们是使用./../ 这样的相对路径来确定和规划我们的资源(比如图片、资源文件),但这种方7 K ?$ I+ I1 |* t# ~ t& U. N6 I4 ~6 N0 i
式下在我们部署应用的时候,可能会出错,另外对于.ascx的控件中如果包含了一个图片,而这个控件被我们在不9 @& t: a3 o( y( k
同层次的两个目录的aspx文件分别引用时,问题就会出现了。
1 s5 t" G4 ^$ [* s: Z$ G4 i: C, t5 q0 n ~/image/about.bmp
5 N- }3 N1 {; f# } X8 M, [/ t是一种非常好的方法,它以Web应用程序的根目录为起始点,这样使得比你使用./image/about.bmp这样的方式要更4 z; ]( K2 A8 R: s5 z$ p' `
加灵活和方便。有一点不好,是这种方式是在ASP.NET运行时动态解析的,所以在IDE设计模式中,你可能不能预览
; Y4 _ H# m0 `/ N- A6 Y它。- A: T1 _( |0 k; `
2. 在刷新和提交页面后,保存你的页面滚动条的位置) q4 ?' ?9 d4 C! F. g
经常有这样的情况,我们需要用户提交一个表单,但是表单中有超过500+个?控件或文本框要填写,也就是说
4 I( i( Z" H g( J1 a/ ~用户需要拉动IE的滚动条才能够填得完,那么假如用户正在可见IE范围的2/3处,选择了一个组合框的值,很不幸% I* D+ N9 \6 Q
组合框是服务器端的,那么也就意味着页面会提交一次,而当用户再看见刷新过的页面时,页面确定在3/1的地方, T3 H7 R3 ^+ ]7 L
也就是显示在页面最开始的地方,用户只有拖动鼠标,然后接着刚刚的地方再填写剩下的250个控件,很不幸,3707 L9 a$ s/ \0 a" v2 c
个控件又需要他选择一下? v- S7 l! j% h
用下面的方法可以很快地确定和记住你提交前的位置。
+ Y0 {( _5 z: o$ m! d$ E" u 网上的Old Dog Learns New Tricks也有一个类似的例子Maintain Scroll Position in any Page Element,
3 E3 `: ^# H% v2 ~% t不过他使用了Web Behavior这意味着你需要使用一个.htc文件0 ^7 r' W$ [, |. p- S
Private Sub RetainScrollPosition()7 E6 a, y3 B! H1 e) H( J1 q
Dim saveScrollPosition As New StringBuilder
$ C+ r7 |8 Q! ~ c! S1 ODim setScrollPosition As New StringBuilder5 [2 n( J* N* B: n
RegisterHiddenField("__SCROLLPOS", "0")" R" ^3 c4 J" `! s1 h
saveScrollPosition.Append("<script language='javascript'>")/ ^: k7 y4 g7 W
saveScrollPosition.Append("function saveScrollPosition() {")0 a9 {; a2 l& q0 A- g" |
saveScrollPosition.Append(" document.forms[0].__SCROLLPOS.value = document.body.scrollTop;")) w2 N" d3 _1 V3 L$ [0 Q- M, t
saveScrollPosition.Append("}")
3 \7 O- I( t) b- D! R TsaveScrollPosition.Append("document.body.onscroll=saveScrollPosition;"); {9 ]3 Q; s8 S/ B
saveScrollPosition.Append("</script>")8 p( r* y" q% D+ P1 P" i! v4 v
RegisterStartupScript("saveScroll", saveScrollPosition.ToString())6 Y3 L! T, S: `/ ~& ]4 F2 B# T# }
If (Page.IsPostBack = True) Then4 H7 U1 d0 B- u1 ^. z, @+ V
setScrollPosition.Append("<script language='javascript'>")
! }# M/ ^% y1 K6 l# GsetScrollPosition.Append("function setScrollPosition() {")
+ L {( u* q# `2 U( asetScrollPosition.Append(" document.body.scrollTop = " & Request("__SCROLLPOS") & ";")
" Y7 Z2 c# ?0 d* B' wsetScrollPosition.Append("}")
" T3 w3 C# G2 W% r$ F& RsetScrollPosition.Append("document.body.onload=setScrollPosition;")
/ C% L3 p% I, m9 e2 K# `: m" _5 SsetScrollPosition.Append("</script>")% ~5 l o3 |% d9 j
RegisterStartupScript("setScroll", setScrollPosition.ToString())/ Q9 V) B n% a9 Q2 V: h( N
End If
7 ?) @! c1 l* B9 [End Sub- B) K/ Q" r+ K- r' V" J
Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles 7 R& W3 e5 M @9 V
MyBase.Load3 D7 g! }$ K" o; P4 B& l/ ~+ `
RetainScrollPosition()
Z( _. P4 Y/ E1 Y. j/ p0 U( CEnd Sub
! b& Z9 O7 W1 ~+ S8 e& k/ m% M6 {
3. DataList使用不同风格的模板+ j! E- `/ i1 G7 a) d
这招也非常实用,你可以制作两个不同的模板或表现形式,分别以.ascx控件的形式保存,运行时根据某个条
2 P3 \ A/ D0 m$ e, N/ V3 E/ L4 `件动态的选择使用其中的一个模板,另外ScottGu认为ItemDataBound方法也可以定制你显示的表现,比如加亮某个
5 w( C- D0 f; E8 z元素或是加一个促销广告图等等。1 R, \( M' y4 R
Dim theme As String' [( T4 s* [* t1 D: F
theme = DropDownList1.SelectedValue
1 p! S& I- b. [DataList1.ItemTemplate = Page.LoadTemplate(theme & ".ascx") ---Cool- K" }: X0 Q( G$ \% E) q/ C
DataList1.DataSource = DS
( f, f. v. ^2 |, H. MDataList1.DataBind()
6 q% w. Z S- F. b+ ~ 4. 设置服务器端控件的焦点
$ h8 x2 P8 Q; U: z3 KPrivate Sub SetFocus(ByVal controlToFocus As Control)
# H* s8 J0 x8 a; WDim scriptFunction As New StringBuilder
/ d/ m- B- j( n2 xDim scriptClientId As String
2 [# l, }/ o w- ~ ?% BscriptClientId = controlToFocus.ClientID9 ^1 E7 \6 @$ I
scriptFunction.Append("<script language='javascript'>")
; z& U0 _9 |7 GscriptFunction.Append("document.getElementById('" & scriptClientId & "').focus();")
' @4 n9 f7 Y- N9 L3 t( H. P. _9 _5 pscriptFunction.Append("</script>")4 Q5 [9 V7 R( c" r
RegisterStartupScript("focus", scriptFunction.ToString())
' |# s% @2 _, P- R3 ?0 Y. T' v7 WEnd Sub, z k" m, }5 j7 U" o2 [% v7 _8 ?
Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles ! T2 Y% O- |2 @" i7 S7 x
MyBase.Load) R5 }; ]8 e1 ~7 i
If (Page.IsPostBack = False) Then2 h" j7 U, d# @9 O
SetFocus(TextBox1)7 A7 f: x- h+ G0 V Q v- G! F
End If
+ P, G0 H3 U/ tEnd Sub ! N5 H0 N# V- _& x9 N
5. 滚动DataGrid+ _( X/ e6 m9 ]8 D* u$ ~
这招就更简单了,有时候你的页面只有一个固定的地方,但是需要显示非常多的数据,亦或是也不定,但是只$ v6 T; b& n/ J- p
有固定的一个地方给你显示它了。这时你就可以用下面这招,自动出滚动条,而且适用许多控件。很简单将你的控' k- D0 k# o1 L+ m- P) ~; r
件放在一个DIV中将overflow属性设置成auto
- c1 p2 z4 \* p<div style=“height:400px;width:200px;overflow:auto”>
* E+ h. s7 C1 Z1 ?8 l: E# m5 r<asp:datagrid id=“MyGrid” runat=“server”/>- U) W# x, b5 t" k- e3 y) l, S
</div>
) W/ e0 X L {1 h0 S8 K 6. 动态创建控件: U, F3 U0 Z2 V7 X
利用PlaceHolder控件,这东西在ASP.NET 2.0 Mutil-View和Master Page中运用的就更加多了。6 Y+ y4 _/ P" O9 A
Sub Page_Load()
4 E1 P% u) O5 w$ Z, Z) bDim i as Integer
9 l7 Q0 r, R7 W; dFor i=0 to 4
7 [" w5 {9 S) P5 v& o$ J; `% zDim myUserControl as Control
" D) R# I% d4 w( ]' OmyUserControl = Page.LoadControl(“foo.ascx”)
: S: M0 `% Q' Q! KPlaceHolder1.Controls.Add(myUserControl)
& d6 ]6 t: [ ?( w' ~PlaceHolder1.Controls.Add(New LiteralControl(“<br>”))
& C2 j% l4 |( u+ o6 [6 GNext i; I W0 n: V1 u4 h' \7 H+ V6 x7 e6 l
End Sub 6 p4 A. `! }% y/ L2 V, q
7. 客户端代码的使用- n& p- f8 q% ~
1). 可以使用客户端的事件代码,但两者不能同名,服务器端代码的名是你可以控制的。对于非ASP.NET的标
8 m) @& b/ O; g& i准控件的自定义控件必须实现IAttributeAccessor接口或从WebControl派生并且可用expando属性( c( l$ Z* E' y
asp:ImageButton id=“foo”
6 u/ b& a' s) w7 \0 a. Q g! {ImageUrl=“start.jpg”9 O' a( {, J# x6 J8 m4 }6 H
onMouseOver=“rollover(this);” . g) H% l3 a+ B9 `9 }
onMouseOut=“rollout(this)”+ i1 N3 \! b6 Q
rolloversrc=“myrollover.jpg”+ t4 Q1 @7 h% y4 w1 F
rolloutsrc=“myrollout.jpg”
3 @, R: c0 h$ ^; M0 t4 nrunat=“server”/>( C! \# ^( j2 y6 }9 Q' e# z9 R
<input type=Button onClick=“return clientHandler()”
" U# M) U; J- @; I3 e; VonServerClick=“Button1_Click” … /> 5 p3 r. m N# r# K3 Z, e' g) [
2). 使用可以在Postback之前执行客户端代码,当然也可以取消这次Postback,另外也可以访问客户端该页所: T0 T6 t; _) U. S# a8 \
有的客户端控件。
- t- h" H& P& XPrivate Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles
5 ]% [7 B8 [ h- dMyBase.Load& _+ ?) {! z0 T* y
RegisterOnSubmitStatement("foo", "return confirm('Are you sure you want to submit the order?');")
1 K: J# r0 r5 G* O0 |7 GEnd Sub % }/ s8 f9 Y ~4 l
3). 还有更复杂的我认为不实用,大家可以自己去看,主要是运用RegisterStartupScript和JavaScript的技术 |
|