TA的每日心情 | 衰 2019-8-18 09:37 |
---|
签到天数: 2 天 [LV.1]初来乍到
|
随着微软.NET的流行,ASP.NET越来越为广大开发人员所接受。作为ASP.NET的开发人员,我们不仅需要掌握其基 本的原理,更要多多实践,从实践中获取真正的开发本领。在我们的实际开发中,往往基本的原理满足不了开发需% \7 F* M$ @0 d* K- D8 S
求,我们更多的要积累一些开发技巧,本文就向大家介绍一些实用技巧,希望对大家的开发有所裨益。
2 D/ T; W: c) M7 ?3 N 1. ~ 的用法7 d' `7 f4 n3 k$ W1 A' s; D. R% Q: ]
一般的情况下,我们是使用./../ 这样的相对路径来确定和规划我们的资源(比如图片、资源文件),但这种方
5 M' g0 O X2 k! G* r# c, Y' g% ~式下在我们部署应用的时候,可能会出错,另外对于.ascx的控件中如果包含了一个图片,而这个控件被我们在不
9 r6 `8 O0 d. P同层次的两个目录的aspx文件分别引用时,问题就会出现了。% Y% ] j. {3 g
~/image/about.bmp
# t. W' s" W8 i是一种非常好的方法,它以Web应用程序的根目录为起始点,这样使得比你使用./image/about.bmp这样的方式要更
% C: v. O7 G: R5 \ {2 ^加灵活和方便。有一点不好,是这种方式是在ASP.NET运行时动态解析的,所以在IDE设计模式中,你可能不能预览
/ n: p7 K% Z6 a P5 o" V# Y5 N* h它。
& h0 b7 ?, n8 l) O0 F 2. 在刷新和提交页面后,保存你的页面滚动条的位置3 c& m' j3 X; {% @, M3 @% W
经常有这样的情况,我们需要用户提交一个表单,但是表单中有超过500+个?控件或文本框要填写,也就是说
) p3 ^1 K' o2 m) g( C: o用户需要拉动IE的滚动条才能够填得完,那么假如用户正在可见IE范围的2/3处,选择了一个组合框的值,很不幸, u) w1 V: t6 f# H0 X; x
组合框是服务器端的,那么也就意味着页面会提交一次,而当用户再看见刷新过的页面时,页面确定在3/1的地方
+ K1 @7 k0 O1 {7 j# s也就是显示在页面最开始的地方,用户只有拖动鼠标,然后接着刚刚的地方再填写剩下的250个控件,很不幸,370
q1 y$ ^1 M. W6 O& T4 F& y个控件又需要他选择一下? " Q4 W7 C$ b! g
用下面的方法可以很快地确定和记住你提交前的位置。
: e! Z& D! e" ?& @! ]+ V. Z8 g' N' r 网上的Old Dog Learns New Tricks也有一个类似的例子Maintain Scroll Position in any Page Element,
' r7 n8 v$ |! ]: G# ]8 X4 Y E/ f7 o不过他使用了Web Behavior这意味着你需要使用一个.htc文件, A# m( k, ]9 l: T. y
Private Sub RetainScrollPosition()
2 ]+ f k, _3 G; D+ H9 b1 dDim saveScrollPosition As New StringBuilder1 T1 V; |: A# b8 F( k- o$ i! U
Dim setScrollPosition As New StringBuilder
7 e; Q- n: m$ V) {RegisterHiddenField("__SCROLLPOS", "0")# t4 [% j1 u3 j) d
saveScrollPosition.Append("<script language='javascript'>")
i: D: P+ v0 W7 CsaveScrollPosition.Append("function saveScrollPosition() {")1 Z! X8 p1 _# v( X( Z
saveScrollPosition.Append(" document.forms[0].__SCROLLPOS.value = document.body.scrollTop;")0 w- r; B; F- q6 K
saveScrollPosition.Append("}")2 ~" l+ _* k% f1 h4 D4 V* p! @
saveScrollPosition.Append("document.body.onscroll=saveScrollPosition;") G1 I( G+ s: o/ O# ^' [
saveScrollPosition.Append("</script>")
1 G1 J* b p0 K. {# e! V7 fRegisterStartupScript("saveScroll", saveScrollPosition.ToString())
7 j0 i+ h! {+ B$ @ p& x( FIf (Page.IsPostBack = True) Then. n/ Y. \! A! `# k; I' I
setScrollPosition.Append("<script language='javascript'>")5 h( M- h- k. w/ g1 G* T* Q1 X5 x9 K
setScrollPosition.Append("function setScrollPosition() {") s( C, ]/ z" [$ m
setScrollPosition.Append(" document.body.scrollTop = " & Request("__SCROLLPOS") & ";")
) y8 I8 J! Z6 A: v5 X3 UsetScrollPosition.Append("}")
) ]! S% A" R2 K7 QsetScrollPosition.Append("document.body.onload=setScrollPosition;")
- O$ ~7 Y5 @; W7 psetScrollPosition.Append("</script>")/ X# H4 S0 W" r! A! D+ S7 J: s1 e8 }
RegisterStartupScript("setScroll", setScrollPosition.ToString())
# a5 d7 \7 ~4 T2 r+ y9 WEnd If# P* q; H& n5 J8 v$ O' R0 F" ~. D" t
End Sub
# ]% K( |7 h: D7 j7 k+ HPrivate Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles
- ?% a5 E6 n; h: b: c) s0 c8 wMyBase.Load
5 W1 E( O" i [, M1 F I8 ^RetainScrollPosition()
6 P7 M. u8 s9 J+ O0 m' pEnd Sub
) _+ _1 z, g% B% L2 K# z+ _9 h9 ?0 z# u& i/ r
3. DataList使用不同风格的模板
, G9 k# ^) c! I5 U1 a 这招也非常实用,你可以制作两个不同的模板或表现形式,分别以.ascx控件的形式保存,运行时根据某个条9 m- M3 ~4 N7 O, ?! c
件动态的选择使用其中的一个模板,另外ScottGu认为ItemDataBound方法也可以定制你显示的表现,比如加亮某个
. ]# I. ~) a3 U8 y8 a4 K4 x( \元素或是加一个促销广告图等等。
, N7 B# [& A( G7 @& qDim theme As String
6 L: S' Z# `' x0 @5 Ftheme = DropDownList1.SelectedValue' w% O0 e; x; W$ R# ^" C) t
DataList1.ItemTemplate = Page.LoadTemplate(theme & ".ascx") ---Cool2 U2 n# y$ B- c" F
DataList1.DataSource = DS& a1 K/ J, B; R4 l; T" y' j- p
DataList1.DataBind()
0 _9 h* `. Y5 d: A% v' {" Q7 I 4. 设置服务器端控件的焦点. F' u& I7 N7 j9 Y( u& v9 H/ H
Private Sub SetFocus(ByVal controlToFocus As Control)
: P9 g0 N2 y3 o% e2 O1 d& GDim scriptFunction As New StringBuilder
- I# a6 l& x) o& q6 zDim scriptClientId As String
9 K( K( j( U2 g4 l3 bscriptClientId = controlToFocus.ClientID- \$ J0 f: W9 p& }
scriptFunction.Append("<script language='javascript'>")5 a0 E* f! Y& N( S
scriptFunction.Append("document.getElementById('" & scriptClientId & "').focus();")
, D( `4 M1 ^4 T+ B. F# H/ mscriptFunction.Append("</script>")( V& g/ I4 X9 n) W: m" P
RegisterStartupScript("focus", scriptFunction.ToString())
: g; I1 r* S9 D. D$ m- {5 ~! c$ AEnd Sub
, C$ c# x. m! a3 L' ]% J- @7 ^Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles
V% e! U9 [9 nMyBase.Load" J6 M ^7 a* G% d
If (Page.IsPostBack = False) Then
: |5 w9 M* [4 d7 tSetFocus(TextBox1)
1 C. Q, u- J z& Q0 ~End If. J) I% m' _9 V, M c4 `
End Sub
5 g5 }, `% w/ q' ]6 r; L: S 5. 滚动DataGrid
8 c3 _, |7 a# G4 \+ Q9 M% x 这招就更简单了,有时候你的页面只有一个固定的地方,但是需要显示非常多的数据,亦或是也不定,但是只9 a r4 i6 i3 E6 |0 n
有固定的一个地方给你显示它了。这时你就可以用下面这招,自动出滚动条,而且适用许多控件。很简单将你的控
; n' b" o/ ?" J6 D$ {: o. w件放在一个DIV中将overflow属性设置成auto! n" p% G/ G) r4 H3 G. Z. X2 x
<div style=“height:400px;width:200px;overflow:auto”>" Q' n7 ]- r3 b7 ?
<asp:datagrid id=“MyGrid” runat=“server”/>" E0 {& i! I+ ~/ x+ F0 q; j
</div>
4 t' X! Q) _9 x$ V% \& [ 6. 动态创建控件+ M- k& q. X" e, i6 R
利用PlaceHolder控件,这东西在ASP.NET 2.0 Mutil-View和Master Page中运用的就更加多了。
: A. H# t, F0 KSub Page_Load()
5 S7 f* y1 ]; o. T6 t3 s, } \Dim i as Integer
; `/ M% i2 c/ F$ g) ~0 u( xFor i=0 to 4 ; O* ]2 a8 }& ~1 R6 Y; s) [3 N
Dim myUserControl as Control
1 Q1 z3 L: t3 ?myUserControl = Page.LoadControl(“foo.ascx”)6 p8 s; k# l7 R1 n
PlaceHolder1.Controls.Add(myUserControl)
. K' W* x9 [% Y3 O6 [PlaceHolder1.Controls.Add(New LiteralControl(“<br>”))
/ }/ b! J8 M$ ?' r* eNext i: s6 H. g4 G0 R; R S3 G+ j
End Sub 6 P$ m0 l" Y! v. I' J, O
7. 客户端代码的使用
8 g: k; _+ W6 R. [' Q+ y( W& v& u 1). 可以使用客户端的事件代码,但两者不能同名,服务器端代码的名是你可以控制的。对于非ASP.NET的标
# r* I# a a) L8 a* ]准控件的自定义控件必须实现IAttributeAccessor接口或从WebControl派生并且可用expando属性* V; D" I8 M* [- C
asp:ImageButton id=“foo”
6 V4 A( T& H" p9 p! AImageUrl=“start.jpg”
- y ?/ N1 N5 Q/ `! VonMouseOver=“rollover(this);”
p2 w7 G0 J6 ConMouseOut=“rollout(this)”! Y S: l1 c& S) @: x9 [8 D+ B
rolloversrc=“myrollover.jpg”
% G+ v0 [/ A$ I w& H: r& I; xrolloutsrc=“myrollout.jpg”6 ?$ M8 v6 _' g
runat=“server”/>
0 l$ \) G. I/ O* l<input type=Button onClick=“return clientHandler()”
- G4 s; K8 T w2 g: x/ c3 wonServerClick=“Button1_Click” … /> ( X$ e2 y/ \1 I; z% ~
2). 使用可以在Postback之前执行客户端代码,当然也可以取消这次Postback,另外也可以访问客户端该页所
) x* s0 G( b. \, Z9 G ^' [有的客户端控件。: h/ `4 ^! e. O; S+ e
Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles
. G5 `& D" k# ZMyBase.Load, C1 Y7 p. o+ r3 s+ [
RegisterOnSubmitStatement("foo", "return confirm('Are you sure you want to submit the order?');")3 b% `7 y* Z; n, _: X
End Sub : x: P0 I, x9 N
3). 还有更复杂的我认为不实用,大家可以自己去看,主要是运用RegisterStartupScript和JavaScript的技术 |
|