Atlas快速入门之实战Atlas(2)

来源：网络收集责任编辑：栏目编辑发表时间:2013-07-01 08:06　点击:次

ASP PHP JSP JavaScript 网页设计 DIVCSS Ajax技术 HTML5

在default.aspx页中，切换到代码视图，在之前的＜atlas:ScriptManager＞控件中，加入EnablePartialRendering属性，以使得atlas可以对页面进行局部更新，如下所示

＜atlas:ScriptManager ID="ScriptManager1" runat="server"

EnablePartialRendering="true" /＞

再增加一个＜UpdatePanel＞控件，UpdatePanel是Atlas中一个很重要的控件，功能强大容易使用，可以只做很小的改动就可以向已有的ASP.NET站点添加Ajax功能,我们再将日历控件拖拉放到updatepanel控件中去，其中要注意到，日历控件是放到＜ContentTemplate＞的标签内的，该标签内放的就是受UpdatePanel控制的控件，如下代码所示:

＜atlas:UpdatePanel ID="id1" runat="server"＞

＜ContentTemplate＞

＜asp:Calendar ID="Calendar1" runat="server"

BackColor="#FFFFCC" ... /＞

＜/asp:Calendar＞

＜/ContentTemplate＞

＜/atlas:UpdatePanel＞

为了更好地看到效果，我们增加两个下拉选择框，可以让用户选择年份和月份，代码如下所示

＜form id="form1" runat="server"＞

＜atlas:ScriptManager ID="ScriptManager1" runat="server"

EnablePartialRendering="true" /＞

＜asp:DropDownList ID="DropDownList1" runat="server"

AutoPostBack="True"＞

　＜asp:ListItem Value="1"＞Jan＜/asp:ListItem＞

　＜asp:ListItem Value="2"＞Feb＜/asp:ListItem＞

　＜asp:ListItem Value="3"＞Mar＜/asp:ListItem＞

　＜asp:ListItem Value="4"＞Apr＜/asp:ListItem＞

　＜asp:ListItem Value="5"＞May＜/asp:ListItem＞

　＜asp:ListItem Value="6"＞Jun＜/asp:ListItem＞

　＜asp:ListItem Value="7"＞Jul＜/asp:ListItem＞

　＜asp:ListItem Value="8"＞Aug＜/asp:ListItem＞

　＜asp:ListItem Value="9"＞Sep＜/asp:ListItem＞

　＜asp:ListItem Value="10"＞Oct＜/asp:ListItem＞

　＜asp:ListItem Value="11"＞Nov＜/asp:ListItem＞

　＜asp:ListItem Value="12"＞Dec＜/asp:ListItem＞

＜/asp:DropDownList＞

Year

＜asp:DropDownList ID="DropDownList2" runat="server"

AutoPostBack="True"＞

＜asp:ListItem＞2005＜/asp:ListItem＞

＜asp:ListItem＞2006＜/asp:ListItem＞

＜asp:ListItem＞2007＜/asp:ListItem＞

＜/asp:DropDownList＞＜br /＞

然后在code-behind的代码中，写入如下代码:

Protected Sub DropDownList1_SelectedIndexChanged( _

ByVal sender As Object, _

ByVal e As System.EventArgs) _

Handles DropDownList1.SelectedIndexChanged

With Calendar1

.VisibleDate = New Date( _

DropDownList2.SelectedValue, _

DropDownList1.SelectedValue, 1)

End With

End Sub

Protected Sub DropDownList2_SelectedIndexChanged( _

ByVal sender As Object, _

ByVal e As System.EventArgs) _

Handles DropDownList2.SelectedIndexChanged

With Calendar1

.VisibleDate = New Date( _

DropDownList2.SelectedValue, _

DropDownList1.SelectedValue, 1)

End With

End Sub

在上面的代码中，分别为月份和年份的下拉选择框的selectedindexchanged事件写入了代码，主

Atlas快速入门之实战Atlas(2)

相关新闻>>

今日头条

推荐热点

您可能感兴趣的文章

快速直达

新闻点评智问网络

新闻关注排行榜

WEB编程导航