TA的每日心情 | 衰 2019-8-18 09:37 |
|---|
签到天数: 2 天 [LV.1]初来乍到
|
随着微软.NET的流行,ASP.NET越来越为广大开发人员所接受。作为ASP.NET的开发人员,我们不仅需要掌握其基 本的原理,更要多多实践,从实践中获取真正的开发本领。在我们的实际开发中,往往基本的原理满足不了开发需
' _% }) E& P$ o# G; |, O求,我们更多的要积累一些开发技巧,本文就向大家介绍一些实用技巧,希望对大家的开发有所裨益。
) `, {- {" N+ x# O- s 1. ~ 的用法" X- k9 W2 P& T. ]! @
一般的情况下,我们是使用./../ 这样的相对路径来确定和规划我们的资源(比如图片、资源文件),但这种方 T7 n' ?5 A: ~
式下在我们部署应用的时候,可能会出错,另外对于.ascx的控件中如果包含了一个图片,而这个控件被我们在不9 f7 J6 z' |$ Q5 a
同层次的两个目录的aspx文件分别引用时,问题就会出现了。( A5 P+ z, f2 |& t
~/image/about.bmp - |$ k& q4 M4 c$ d9 t2 L% y
是一种非常好的方法,它以Web应用程序的根目录为起始点,这样使得比你使用./image/about.bmp这样的方式要更
: c2 f. ?0 }9 z- l. ]2 X& f& e加灵活和方便。有一点不好,是这种方式是在ASP.NET运行时动态解析的,所以在IDE设计模式中,你可能不能预览; R% u: j" k- E! D. N# M
它。
5 V/ |9 z" g% Z$ x 2. 在刷新和提交页面后,保存你的页面滚动条的位置, r# ?$ T! g1 F" C
经常有这样的情况,我们需要用户提交一个表单,但是表单中有超过500+个?控件或文本框要填写,也就是说* Q7 U) c. q6 |$ B8 k
用户需要拉动IE的滚动条才能够填得完,那么假如用户正在可见IE范围的2/3处,选择了一个组合框的值,很不幸
' [4 Q' r, _( b: p组合框是服务器端的,那么也就意味着页面会提交一次,而当用户再看见刷新过的页面时,页面确定在3/1的地方: E. R* V# A; c: i
也就是显示在页面最开始的地方,用户只有拖动鼠标,然后接着刚刚的地方再填写剩下的250个控件,很不幸,370
( l! q# Z8 M3 i个控件又需要他选择一下? ' P! ?9 _0 F u% |% X! b
用下面的方法可以很快地确定和记住你提交前的位置。" r9 O; j$ r; A1 O7 Q( N& u
网上的Old Dog Learns New Tricks也有一个类似的例子Maintain Scroll Position in any Page Element,
$ A0 e; j S% e" S( M不过他使用了Web Behavior这意味着你需要使用一个.htc文件
; R- Z- G9 u5 @ m' r, O5 M8 J2 PPrivate Sub RetainScrollPosition()
9 `2 c9 V% y, I2 i1 }/ q/ J. RDim saveScrollPosition As New StringBuilder" H* l/ p9 W/ L4 ^ y7 g
Dim setScrollPosition As New StringBuilder/ T2 J3 X+ @ Q% R. h; L% {& H
RegisterHiddenField("__SCROLLPOS", "0")
1 g8 l( i% c# `% ], l" H3 esaveScrollPosition.Append("<script language='javascript'>")
7 y% J& F/ @1 i2 XsaveScrollPosition.Append("function saveScrollPosition() {")* \+ v) b0 k: j7 t5 [ g$ m
saveScrollPosition.Append(" document.forms[0].__SCROLLPOS.value = document.body.scrollTop;")9 X4 r# {2 Y' P
saveScrollPosition.Append("}")" k# o+ [" {$ f: h0 K6 N2 ?
saveScrollPosition.Append("document.body.onscroll=saveScrollPosition;")8 f( O- R5 U9 h# y# }9 X
saveScrollPosition.Append("</script>")
0 l1 i- A$ u# nRegisterStartupScript("saveScroll", saveScrollPosition.ToString())
7 _3 ~. \- x# p% |- N$ D' Y# s- jIf (Page.IsPostBack = True) Then6 J: `% A, L5 G6 Y- h
setScrollPosition.Append("<script language='javascript'>")
% Q0 @. J, V- |: g# T3 rsetScrollPosition.Append("function setScrollPosition() {")
9 t z; c/ X# L OsetScrollPosition.Append(" document.body.scrollTop = " & Request("__SCROLLPOS") & ";")
! p0 W' m' ?6 M1 @8 L* a5 A0 [setScrollPosition.Append("}"), n5 o/ X* s) ` ~6 `! h0 K) P
setScrollPosition.Append("document.body.onload=setScrollPosition;"): T# M' W4 B% n8 L& c
setScrollPosition.Append("</script>")+ \: ^0 J/ { Y$ `) Z
RegisterStartupScript("setScroll", setScrollPosition.ToString())
0 Q2 \4 j8 n$ F8 k9 XEnd If
9 Y; ? |- \8 ^# X$ oEnd Sub
6 U! A9 {: _8 o2 j4 Q8 yPrivate Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles % R5 A1 `" Y$ E+ H% |# N: b: e
MyBase.Load5 l9 g3 }" o. B3 c3 s6 _7 E
RetainScrollPosition()
' _$ U# U5 {7 S: K2 {) c6 wEnd Sub ' @, A2 q( ]# y2 T, H1 c
0 O. X U0 R+ I' j) p# E; Z* E
3. DataList使用不同风格的模板$ l9 @; R9 L6 o
这招也非常实用,你可以制作两个不同的模板或表现形式,分别以.ascx控件的形式保存,运行时根据某个条
+ f' _* s/ e, U/ p6 V4 [* F件动态的选择使用其中的一个模板,另外ScottGu认为ItemDataBound方法也可以定制你显示的表现,比如加亮某个2 ?- {. n3 G$ w3 k& Z
元素或是加一个促销广告图等等。
2 \" f& C3 e0 B7 IDim theme As String
: n* W+ [2 W7 F0 H6 Mtheme = DropDownList1.SelectedValue0 ?( S- {4 @5 m: j0 s6 c9 U; \# [
DataList1.ItemTemplate = Page.LoadTemplate(theme & ".ascx") ---Cool
# _5 V$ s; j# N- P: M. l( `% ?DataList1.DataSource = DS
2 l7 v5 G$ a) g7 l5 A) p2 Q2 j4 jDataList1.DataBind() " Z. @4 Z! _, x8 V3 d
4. 设置服务器端控件的焦点1 h& n+ d% h. X' |7 \/ B# r
Private Sub SetFocus(ByVal controlToFocus As Control)2 H3 ]1 _7 @" |8 p0 ~2 R2 d1 H
Dim scriptFunction As New StringBuilder' q) @/ D9 S N, w, B/ ^6 o
Dim scriptClientId As String
& U0 c- b: F" V+ u o8 NscriptClientId = controlToFocus.ClientID
; L: e5 X. m9 `0 \1 m, HscriptFunction.Append("<script language='javascript'>")! L; N; r# K; R
scriptFunction.Append("document.getElementById('" & scriptClientId & "').focus();")
) L9 H/ i6 p% W( W6 C; OscriptFunction.Append("</script>")
1 Z E+ v5 V* i4 i! }3 ~6 W. l5 WRegisterStartupScript("focus", scriptFunction.ToString())6 `, n4 h6 D f* o) C! T) K
End Sub, ~3 \. G o, f: D8 U
Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles
% O; G. K* J$ A5 G$ o9 |% aMyBase.Load
6 ] d$ s+ `# M4 Z4 D. iIf (Page.IsPostBack = False) Then* B3 w0 v! U& e, k% r. Q* \
SetFocus(TextBox1) ~- P8 d7 I# _1 Y7 q! M) ^4 N
End If
" J. o0 ^$ A* a6 |: CEnd Sub ) Q/ |9 I {# X9 G- x
5. 滚动DataGrid
7 y% T& C$ Q& F9 d 这招就更简单了,有时候你的页面只有一个固定的地方,但是需要显示非常多的数据,亦或是也不定,但是只5 {1 Q, \+ F& ?% s0 e( Y
有固定的一个地方给你显示它了。这时你就可以用下面这招,自动出滚动条,而且适用许多控件。很简单将你的控4 l) @4 E0 n2 i* V% ~
件放在一个DIV中将overflow属性设置成auto! f3 ]# M( v0 A3 h' F
<div style=“height:400px;width:200px;overflow:auto”>: E) ?: y1 r$ l/ C, S- T" Y
<asp:datagrid id=“MyGrid” runat=“server”/>
$ O( P$ _0 B& H4 E/ W# b</div>
$ \0 A2 ?2 t _ 6. 动态创建控件 F6 ]( ]' M( S
利用PlaceHolder控件,这东西在ASP.NET 2.0 Mutil-View和Master Page中运用的就更加多了。/ N* p% z: S. z( N" x$ _- |8 q
Sub Page_Load()
; r. A* x- l8 i" T$ k9 M) vDim i as Integer
' O- n; `* k G& i* t9 SFor i=0 to 4
8 D% a) S% q* |$ p! F0 M( g3 NDim myUserControl as Control
6 D2 p$ h- G! x% \* HmyUserControl = Page.LoadControl(“foo.ascx”)$ N8 K" ^+ J0 u# E
PlaceHolder1.Controls.Add(myUserControl)
( v; |4 I! v- r" e$ KPlaceHolder1.Controls.Add(New LiteralControl(“<br>”))
& A( j9 Q2 A5 _2 J+ m+ [ i: ~6 _6 ONext i( Q2 [# A/ ^% L% o l
End Sub & ~: Y5 j1 {6 f
7. 客户端代码的使用
N. Y1 \* V' [, @- n2 k2 L 1). 可以使用客户端的事件代码,但两者不能同名,服务器端代码的名是你可以控制的。对于非ASP.NET的标6 O8 ~. D( x3 X
准控件的自定义控件必须实现IAttributeAccessor接口或从WebControl派生并且可用expando属性
# z. s2 C- Z% Y/ easp:ImageButton id=“foo” 5 Y- O: {! h# y6 K5 T3 o
ImageUrl=“start.jpg”
& v- i+ L" f# A$ G/ EonMouseOver=“rollover(this);” ! y) z9 D! ?2 P2 Z, i$ T, S+ w
onMouseOut=“rollout(this)”/ d7 q) V3 o# ~' j7 P ]( o
rolloversrc=“myrollover.jpg”
2 X/ E0 H$ t+ z0 {! _' T1 grolloutsrc=“myrollout.jpg”
; [' C. C9 g5 y- V O: {9 M0 Xrunat=“server”/>% A; Y2 n3 V; O0 P: K: R" ^
<input type=Button onClick=“return clientHandler()”
$ X& @$ x* n, N* r f; d2 lonServerClick=“Button1_Click” … />
) [/ b/ X% x" E8 j2 b5 Q' W0 V 2). 使用可以在Postback之前执行客户端代码,当然也可以取消这次Postback,另外也可以访问客户端该页所
. V |3 I0 V( }) N有的客户端控件。. \9 O7 G0 T+ D: S8 q& r3 {9 r
Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles 4 c6 T( u! c- |! [5 S/ ~, N! q
MyBase.Load
+ W% S' {1 b, Z RegisterOnSubmitStatement("foo", "return confirm('Are you sure you want to submit the order?');")" U7 w# O. X0 f; D$ X
End Sub
D- I& H- U. t) c8 S; t1 D 3). 还有更复杂的我认为不实用,大家可以自己去看,主要是运用RegisterStartupScript和JavaScript的技术 |
|