TA的每日心情 | 衰 2019-8-18 09:37 |
---|
签到天数: 2 天 [LV.1]初来乍到
|
随着微软.NET的流行,ASP.NET越来越为广大开发人员所接受。作为ASP.NET的开发人员,我们不仅需要掌握其基 本的原理,更要多多实践,从实践中获取真正的开发本领。在我们的实际开发中,往往基本的原理满足不了开发需: \* m/ ?% g+ H9 i i1 A; t7 e
求,我们更多的要积累一些开发技巧,本文就向大家介绍一些实用技巧,希望对大家的开发有所裨益。6 S" p: s, M9 l
1. ~ 的用法
) F7 {# l6 g0 h& s d( { 一般的情况下,我们是使用./../ 这样的相对路径来确定和规划我们的资源(比如图片、资源文件),但这种方/ x) ~! O! Q! }7 ~ P/ `* [
式下在我们部署应用的时候,可能会出错,另外对于.ascx的控件中如果包含了一个图片,而这个控件被我们在不
! ~7 [2 Y6 ]7 }同层次的两个目录的aspx文件分别引用时,问题就会出现了。
5 e: ~ z$ z/ d3 Q- L- x. [8 {0 Q ~/image/about.bmp
. J- U* a/ s/ f" j+ T/ K0 V% b6 z是一种非常好的方法,它以Web应用程序的根目录为起始点,这样使得比你使用./image/about.bmp这样的方式要更7 L- \; j' M& O! H- \1 U
加灵活和方便。有一点不好,是这种方式是在ASP.NET运行时动态解析的,所以在IDE设计模式中,你可能不能预览
: `0 b2 j' F* I- I7 |1 P2 ~它。1 h$ ~* ]" M6 h. d; \# Y
2. 在刷新和提交页面后,保存你的页面滚动条的位置5 N! s. ?) t( R, T
经常有这样的情况,我们需要用户提交一个表单,但是表单中有超过500+个?控件或文本框要填写,也就是说1 a- T o ]' l7 d! H
用户需要拉动IE的滚动条才能够填得完,那么假如用户正在可见IE范围的2/3处,选择了一个组合框的值,很不幸
: j7 W" o0 g' H) B组合框是服务器端的,那么也就意味着页面会提交一次,而当用户再看见刷新过的页面时,页面确定在3/1的地方% _9 s3 u q @# I: P3 H
也就是显示在页面最开始的地方,用户只有拖动鼠标,然后接着刚刚的地方再填写剩下的250个控件,很不幸,3708 i8 T0 c; `: v% K. G7 i. r
个控件又需要他选择一下?
. g1 j1 P) Z2 `: d% K4 B& d+ \' Z 用下面的方法可以很快地确定和记住你提交前的位置。* R2 I3 ^; C8 @2 g
网上的Old Dog Learns New Tricks也有一个类似的例子Maintain Scroll Position in any Page Element,
, l+ r, r% [. S! u不过他使用了Web Behavior这意味着你需要使用一个.htc文件& ^5 B; g# i# e) y
Private Sub RetainScrollPosition()' l0 b l" j$ q! O' c
Dim saveScrollPosition As New StringBuilder' f3 {/ ?" M; X2 W4 D( z7 P
Dim setScrollPosition As New StringBuilder
, d9 X# @* d9 z* g/ ?* v- j* uRegisterHiddenField("__SCROLLPOS", "0")/ b5 f6 x- i; ^% N4 ^: {8 n
saveScrollPosition.Append("<script language='javascript'>")
1 ]6 U- Z7 }# e+ d7 J. m2 D. | ~4 @saveScrollPosition.Append("function saveScrollPosition() {")
1 S& }6 q: Z) i- W6 W6 M$ g: c' _: bsaveScrollPosition.Append(" document.forms[0].__SCROLLPOS.value = document.body.scrollTop;")
- q0 b9 B/ E V0 Q2 BsaveScrollPosition.Append("}")/ I3 ]/ } W# m* } T
saveScrollPosition.Append("document.body.onscroll=saveScrollPosition;")
: l2 P. F+ P3 a" H2 P2 F2 rsaveScrollPosition.Append("</script>")
: Q( V" C Y5 D, BRegisterStartupScript("saveScroll", saveScrollPosition.ToString())- Q. x; l9 u% |7 h
If (Page.IsPostBack = True) Then
7 Y: J' w. E: @setScrollPosition.Append("<script language='javascript'>")& [4 P2 G" n# T% E( [$ @
setScrollPosition.Append("function setScrollPosition() {")/ f7 H2 `2 s4 I+ E$ c: g- q8 \! [
setScrollPosition.Append(" document.body.scrollTop = " & Request("__SCROLLPOS") & ";")! K. m7 S& }% n8 f0 m i
setScrollPosition.Append("}")
& [4 Z; }/ r4 R5 bsetScrollPosition.Append("document.body.onload=setScrollPosition;"), j3 \; I" Q6 P% {
setScrollPosition.Append("</script>")7 Y/ H8 N9 z/ ]
RegisterStartupScript("setScroll", setScrollPosition.ToString()): H2 s1 w5 N9 V3 z K
End If' ?+ s! j, O' o: ]5 q6 J
End Sub+ a: z7 z* q8 S7 }) @+ Q p3 [
Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles , K! @& X- J$ \4 z' e1 X# M4 u( _* B) B
MyBase.Load
' q2 Q, i* ^- y! s4 O0 |RetainScrollPosition()
# T+ m% S! C x3 XEnd Sub # ]0 Y: X2 A- Z5 Y- h
% N- e: J( s* L: A b3. DataList使用不同风格的模板
8 `0 i" j1 R7 b# M' Q/ Q1 M 这招也非常实用,你可以制作两个不同的模板或表现形式,分别以.ascx控件的形式保存,运行时根据某个条
5 J6 _) I6 X2 C6 e+ ^- ]件动态的选择使用其中的一个模板,另外ScottGu认为ItemDataBound方法也可以定制你显示的表现,比如加亮某个
6 z* H+ x3 k# V( K, t6 i* D元素或是加一个促销广告图等等。
6 _ I" z- ~7 [1 a1 t, }2 Z$ rDim theme As String
- j- c. O! V) v" \' V/ V" ^theme = DropDownList1.SelectedValue
" ~& L3 i& }4 V- mDataList1.ItemTemplate = Page.LoadTemplate(theme & ".ascx") ---Cool% i- v8 U1 O0 M: {# f" v: S" b( x
DataList1.DataSource = DS
+ H% x7 x. x8 CDataList1.DataBind() ) e# f2 R! S' v. ?
4. 设置服务器端控件的焦点
2 S1 B( L/ F, N) H8 QPrivate Sub SetFocus(ByVal controlToFocus As Control)
" o0 j% j4 z2 g: h mDim scriptFunction As New StringBuilder
" f S- \: K! F/ \' P5 K& E [Dim scriptClientId As String
5 \' M) y7 K' W4 `) I0 g3 Y- m) DscriptClientId = controlToFocus.ClientID7 d5 T1 P1 \$ p# M
scriptFunction.Append("<script language='javascript'>")
- u: ?8 v. n4 Z5 a' q, Q7 BscriptFunction.Append("document.getElementById('" & scriptClientId & "').focus();")4 c1 Z3 M4 Q; F6 E* s& s& g3 A' L# z7 @
scriptFunction.Append("</script>")( [2 z6 \7 v6 v5 k# e0 \
RegisterStartupScript("focus", scriptFunction.ToString())( z4 ^# p) d( K4 k. \ `$ U- H
End Sub
& o) [* J2 H! z2 GPrivate Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles
1 X- p: I5 {# h2 pMyBase.Load
5 {: m& J$ R8 D! l; cIf (Page.IsPostBack = False) Then* C/ X( k" n( y3 G" Q# ~* o
SetFocus(TextBox1)
8 P9 E5 M+ F7 I+ i; HEnd If6 S( c5 u L- L$ C1 P' A3 t* F7 U$ J! x( H
End Sub 2 C6 \/ i5 [- K3 _) n. l6 I3 }1 f2 @( G
5. 滚动DataGrid% F' p1 b- d+ l* e ?% t: Y5 e
这招就更简单了,有时候你的页面只有一个固定的地方,但是需要显示非常多的数据,亦或是也不定,但是只0 p7 A5 {% d1 X1 Q4 E
有固定的一个地方给你显示它了。这时你就可以用下面这招,自动出滚动条,而且适用许多控件。很简单将你的控3 T: k( j) c) X
件放在一个DIV中将overflow属性设置成auto8 B% _$ U) @# r( X
<div style=“height:400px;width:200px;overflow:auto”>3 O! x) @* j7 @+ h% ^
<asp:datagrid id=“MyGrid” runat=“server”/>7 j, q `0 j5 R9 N& p
</div>
% F5 F, a, s8 T* ]5 {* F$ W- S 6. 动态创建控件! l1 K1 E7 V% S8 [+ j
利用PlaceHolder控件,这东西在ASP.NET 2.0 Mutil-View和Master Page中运用的就更加多了。! e/ w' v1 r: u/ d) r6 p3 ]6 G
Sub Page_Load()
! C- J# S; z" i5 F8 I9 P9 o" p5 ADim i as Integer
7 |6 a% u) x* m7 ~' oFor i=0 to 4 9 O% d% |5 `6 h( N; j! f
Dim myUserControl as Control) Z, w; s& c; g+ k6 M! c' z; O5 T0 @ w0 P
myUserControl = Page.LoadControl(“foo.ascx”)
7 L1 u, p; D0 L" c8 m2 h4 ~! ^PlaceHolder1.Controls.Add(myUserControl)$ @6 K& W' j+ \, n/ B# M
PlaceHolder1.Controls.Add(New LiteralControl(“<br>”))
4 C- i3 U6 ^ X. q* tNext i) c! l8 O1 b) _$ {+ [" k5 I: D% ^+ j
End Sub
2 u( J- z3 M2 S3 C$ |9 e) H9 h 7. 客户端代码的使用" v4 C2 R' Q* ~7 ~# O3 }6 I$ }
1). 可以使用客户端的事件代码,但两者不能同名,服务器端代码的名是你可以控制的。对于非ASP.NET的标
/ {6 Z& v% F* B准控件的自定义控件必须实现IAttributeAccessor接口或从WebControl派生并且可用expando属性5 X1 P, L# ]$ z& E' i
asp:ImageButton id=“foo”
' {* V r% N# L% D& V6 [0 U, TImageUrl=“start.jpg”
2 t+ N4 x' _) y; W% E$ eonMouseOver=“rollover(this);”
; q% H' }5 w! o1 aonMouseOut=“rollout(this)”, m! A5 {! b! ~: L m ~4 p& q
rolloversrc=“myrollover.jpg”
# I# o3 m6 U1 G: E4 ~5 Nrolloutsrc=“myrollout.jpg”
# [2 J. l+ x/ o- y" [runat=“server”/>: q( u9 H0 F2 J: m& l( Z5 j
<input type=Button onClick=“return clientHandler()” ; o9 r0 X; d& Q0 U! [
onServerClick=“Button1_Click” … /> : Z7 x3 p9 g7 Z+ l4 T: d
2). 使用可以在Postback之前执行客户端代码,当然也可以取消这次Postback,另外也可以访问客户端该页所! q5 [3 Q. f: T9 Y$ Z3 t
有的客户端控件。
4 z8 k9 D3 ^2 a+ M1 FPrivate Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles - ?. a+ B. Y0 W- f, |, l
MyBase.Load
) \) \0 |" X+ }" C RegisterOnSubmitStatement("foo", "return confirm('Are you sure you want to submit the order?');")8 F2 T U `2 C) ~
End Sub ( b" w% c9 ?2 b3 A; |/ Y, U
3). 还有更复杂的我认为不实用,大家可以自己去看,主要是运用RegisterStartupScript和JavaScript的技术 |
|