其他web控件.pptVIP

第5章 高级web控件 5.1. 日历控件(Calendar) 格式 asp:Calendar …. / 选择日期 例：5-1.aspx private void dayChange(object o, EventArgs e) { Response.Write(Calendar1.SelectedDate.Date); } asp:Calendar ID=Calendar1 runat=server Height=225px OnSelectionChanged=dayChange Width=260px/asp:Calendar 说明 SelectedDate属性 可以赋值, Calendar1.SelectedDate=Datetime.today; SelectionChanged事件 选择发生变化时产生 SelectedMode属性 选择方式: 一天,一星期,一月 SelectedDates属性 选择的日期集合 日期集合 编历选择的日期,例: 5-2.aspx for (int i = 0; i Calendar1.SelectedDates.Count; i++) lab.Text += Calendar1.SelectedDates[i].ToShortDateString() + br/; asp:Calendar ID=Calendar1 runat=server SelectionMode=dayweekmonth OnSelectionChanged=dayChange /asp:Calendar asp:Label ID=lab runat=server / 月份间导航 改变翻月的链接 asp:Calendar ID=Calendar1 runat=server ShowNextPrevMonth=true NextMonthText=下一月 PrevMonthText=上一月 SelectionMode=dayweekmonth OnSelectionChanged=dayChange /asp:Calendar 显示早期日期 VisibleDate属性 指定控件显示的日期 protected void Page_Load(object sender, EventArgs e) { Calendar1.VisibleDate = new DateTime(2008, 8, 2); } 例: 5-3.aspx 样式 有一系列子控件组成 例通过vs选择一个样式5-4.aspx 在服务端实现控件的显示和隐藏 5-5.aspx void showCalendar(object sender, EventArgs e) { Calendar1.Visible =true; } private void dayChange(object o, EventArgs e) { txt.Text = Calendar1.SelectedDate.ToShortDateString(); Calendar1.Visible = false; } asp:TextBox ID=txt runat=server / asp:ImageButton ID=img runat=server OnClick=showCalendar ImageUrl=~/5/datebmp.bmp / br / asp:Calendar ID=Calendar1 runat=server Visible=false OnSelectionChanged=dayChange/asp:Calendar 附：弹出式日历例:5-5-1.aspx) 隐藏日历 head runat=server style type=“text/css” 样式表 .calendar { display:none;position:absolute;border: solid 1px black; } /style title无标题页/title /head div id=“popcal” class=“calendar” 块被隐藏 asp:Calendar ID=Calendar1 runat=server OnSelectionChanged=dayChange/asp:Calendar/div 用客户端脚本显示日历 head runat=server script type=text/javascript function popCalenda