⭐ 欢迎来到虫虫下载站！ | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站
📤 上传资源

📄 aspnet07-10.htm

📁 tutorialssss.... for everybody!!!!!!!!!!!!!!!!!!!
💻 HTM
📖 第 1 页 / 共 4 页
字号:
🔍
1234 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html><head><!-- saved from url=(0076)http://msconline.maconstate.edu/tutorials/aspnet20/ASPNET07/aspnet07-10.aspx --><title>ASP.NET Tutorial</title>


<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><link href="aspnet07-10_data/stylesheet.css" type="text/css" rel="stylesheet">
<meta content="MSHTML 6.00.2900.2180" name="GENERATOR"><style type="text/css">TABLE#Events {
	WIDTH: 250px; BORDER-COLLAPSE: collapse
}
TABLE#Events TH {
	FONT-WEIGHT: bold; FONT-SIZE: 10pt; BACKGROUND-COLOR: #f0f0f0
}
TABLE#Events TD {
	FONT-SIZE: 10pt
}
</style><style type="text/css">TABLE#CalendarView TH {
	FONT-SIZE: 10pt; BACKGROUND-COLOR: #f0f0f0
}
TABLE#CalendarView TD {
	FONT-SIZE: 10pt
}
</style></head><body onscroll="document.all.PageScroll.value=document.body.scrollTop" onload="document.body.scrollTop=document.all.PageScroll.value">
<form id="ctl00" name="ctl00" action="aspnet07-10.aspx" method="post">
<div><input id="__EVENTTARGET" name="__EVENTTARGET" type="hidden"> <input id="__EVENTARGUMENT" name="__EVENTARGUMENT" type="hidden"> <input id="__VIEWSTATE" value="/wEPDwUKMTI1NjYzMzI3MQ8WBB4JRGF0ZUFycmF5FgQGAECuxMbixwgGAABmQtnpxwgGAABmQtnpxwgGAICH6rTxxwgeClRpdGxlQXJyYXkWBAULSmFuIEV2ZW50IDEFC0phbiBFdmVudCAyBQtKYW4gRXZlbnQgMwULSmFuIEV2ZW50IDQWAgICD2QWAgIODzwrAA0CAA8WBB4LXyFEYXRhQm91bmRnHgtfIUl0ZW1Db3VudAIEZAwUKwADFggeBE5hbWUFBkVfRGF0ZR4KSXNSZWFkT25seWgeBFR5cGUZKVxTeXN0ZW0uRGF0ZVRpbWUsIG1zY29ybGliLCBWZXJzaW9uPTIuMC4wLjAsIEN1bHR1cmU9bmV1dHJhbCwgUHVibGljS2V5VG9rZW49Yjc3YTVjNTYxOTM0ZTA4OR4JRGF0YUZpZWxkBQZFX0RhdGUWCB8EBQdFX1RpdGxlHwVoHwYZKwIfBwUHRV9UaXRsZRYIHwQFB0VfRXZlbnQfBWgfBhkrAh8HBQdFX0V2ZW50FgJmD2QWCgIBD2QWBmYPDxYCHgRUZXh0BRQxLzUvMjAwNSAxMjowMDowMCBBTWRkAgEPDxYCHwgFC0phbiBFdmVudCAxZGQCAg8PFgIfCAUkVGhpcyBpcyB0aGUgZmlyc3QgZXZlbnQgb24gMS81LzIwMDUuZGQCAg9kFgZmDw8WAh8IBRUxLzE4LzIwMDUgMTI6MDA6MDAgQU1kZAIBDw8WAh8IBQtKYW4gRXZlbnQgMmRkAgIPDxYCHwgFJVRoaXMgaXMgdGhlIGZpcnN0IGV2ZW50IG9uIDEvMTgvMjAwNS5kZAIDD2QWBmYPDxYCHwgFFTEvMTgvMjAwNSAxMjowMDowMCBBTWRkAgEPDxYCHwgFC0phbiBFdmVudCAzZGQCAg8PFgIfCAUmVGhpcyBpcyB0aGUgc2Vjb25kIGV2ZW50IG9uIDEvMTgvMjAwNS5kZAIED2QWBmYPDxYCHwgFFTEvMjgvMjAwNSAxMjowMDowMCBBTWRkAgEPDxYCHwgFC0phbiBFdmVudCA0ZGQCAg8PFgIfCAUkVGhpcyBpcyB0aGUgZmlyc3QgZXZlbnQgb24gMS8yOC8yMDA1ZGQCBQ8PFgIeB1Zpc2libGVoZGQYAQUMQ2FsZW5kYXJWaWV3DzwrAAkBCAIBZLu9onHPe1JzACylycuIQ/6rs6h7" name="__VIEWSTATE" type="hidden"> </div>
<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['ctl00'];
if (!theForm) {
    theForm = document.ctl00;
}
function __doPostBack(eventTarget, eventArgument) {
    if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
        theForm.__EVENTTARGET.value = eventTarget;
        theForm.__EVENTARGUMENT.value = eventArgument;
        theForm.submit();
    }
}
//]]>
</script>
<input id="PageScroll" style="visibility: hidden; position: absolute;" name="PageScroll"> 
<div class="body">
<div class="divhead">&lt;asp:Calendar&gt; Control</div>
<p>The <span class="code"><b>&lt;asp:Calendar&gt;</b></span> control is, within 
the framework of the current discussion, an information display control. It 
produces a perpetual calendar that displays a single month on the Web page. You 
can select previous and succeeding months with navigation controls and, 
importantly, the day numbers serve as links to further event information that 
has been added to the calendar. This event information is likely to be drawn 
from a database, making the Calendar a front-end for database display.</p>
<p>A default Calendar is shown in Figure 7-34. In this configuration it is a 
simple reference calendar with no back-end data source. Still, this may serve a 
useful function for many Web applications.</p>
<div class="page">
<table id="Calendar1" title="Calendar" style="border: 1px solid ; border-collapse: collapse;" border="0" cellpadding="2" cellspacing="0">
  <tbody>
  <tr>
    <td style="background-color: silver;" colspan="7">
      <table style="width: 100%; border-collapse: collapse;" border="0" cellspacing="0">
        <tbody>
        <tr>
          <td style="width: 15%;"><a title="Go to the previous month" style="color: black;" href="javascript:__doPostBack('Calendar1','V2953')">&lt;</a></td>
          <td style="width: 70%;" align="center">March 2008</td>
          <td style="width: 15%;" align="right"><a title="Go to the next month" style="color: black;" href="javascript:__doPostBack('Calendar1','V3013')">&gt;</a></td></tr></tbody></table></td></tr>
  <tr>
    <th scope="col" abbr="Sunday" align="center">Sun</th>
    <th scope="col" abbr="Monday" align="center">Mon</th>
    <th scope="col" abbr="Tuesday" align="center">Tue</th>
    <th scope="col" abbr="Wednesday" align="center">Wed</th>
    <th scope="col" abbr="Thursday" align="center">Thu</th>
    <th scope="col" abbr="Friday" align="center">Fri</th>
    <th scope="col" abbr="Saturday" align="center">Sat</th></tr>
  <tr>
    <td style="width: 14%;" align="center"><a title="February 24" style="color: black;" href="javascript:__doPostBack('Calendar1','2976')">24</a></td>
    <td style="width: 14%;" align="center"><a title="February 25" style="color: black;" href="javascript:__doPostBack('Calendar1','2977')">25</a></td>
    <td style="width: 14%;" align="center"><a title="February 26" style="color: black;" href="javascript:__doPostBack('Calendar1','2978')">26</a></td>
    <td style="width: 14%;" align="center"><a title="February 27" style="color: black;" href="javascript:__doPostBack('Calendar1','2979')">27</a></td>
    <td style="width: 14%;" align="center"><a title="February 28" style="color: black;" href="javascript:__doPostBack('Calendar1','2980')">28</a></td>
    <td style="width: 14%;" align="center"><a title="February 29" style="color: black;" href="javascript:__doPostBack('Calendar1','2981')">29</a></td>
    <td style="width: 14%;" align="center"><a title="March 01" style="color: black;" href="javascript:__doPostBack('Calendar1','2982')">1</a></td></tr>
  <tr>
    <td style="width: 14%;" align="center"><a title="March 02" style="color: black;" href="javascript:__doPostBack('Calendar1','2983')">2</a></td>
    <td style="width: 14%;" align="center"><a title="March 03" style="color: black;" href="javascript:__doPostBack('Calendar1','2984')">3</a></td>
    <td style="width: 14%;" align="center"><a title="March 04" style="color: black;" href="javascript:__doPostBack('Calendar1','2985')">4</a></td>
    <td style="width: 14%;" align="center"><a title="March 05" style="color: black;" href="javascript:__doPostBack('Calendar1','2986')">5</a></td>
    <td style="width: 14%;" align="center"><a title="March 06" style="color: black;" href="javascript:__doPostBack('Calendar1','2987')">6</a></td>
    <td style="width: 14%;" align="center"><a title="March 07" style="color: black;" href="javascript:__doPostBack('Calendar1','2988')">7</a></td>
    <td style="width: 14%;" align="center"><a title="March 08" style="color: black;" href="javascript:__doPostBack('Calendar1','2989')">8</a></td></tr>
  <tr>
    <td style="width: 14%;" align="center"><a title="March 09" style="color: black;" href="javascript:__doPostBack('Calendar1','2990')">9</a></td>
    <td style="width: 14%;" align="center"><a title="March 10" style="color: black;" href="javascript:__doPostBack('Calendar1','2991')">10</a></td>
    <td style="width: 14%;" align="center"><a title="March 11" style="color: black;" href="javascript:__doPostBack('Calendar1','2992')">11</a></td>
    <td style="width: 14%;" align="center"><a title="March 12" style="color: black;" href="javascript:__doPostBack('Calendar1','2993')">12</a></td>
    <td style="width: 14%;" align="center"><a title="March 13" style="color: black;" href="javascript:__doPostBack('Calendar1','2994')">13</a></td>
    <td style="width: 14%;" align="center"><a title="March 14" style="color: black;" href="javascript:__doPostBack('Calendar1','2995')">14</a></td>
    <td style="width: 14%;" align="center"><a title="March 15" style="color: black;" href="javascript:__doPostBack('Calendar1','2996')">15</a></td></tr>
  <tr>
    <td style="width: 14%;" align="center"><a title="March 16" style="color: black;" href="javascript:__doPostBack('Calendar1','2997')">16</a></td>
    <td style="width: 14%;" align="center"><a title="March 17" style="color: black;" href="javascript:__doPostBack('Calendar1','2998')">17</a></td>
    <td style="width: 14%;" align="center"><a title="March 18" style="color: black;" href="javascript:__doPostBack('Calendar1','2999')">18</a></td>
    <td style="width: 14%;" align="center"><a title="March 19" style="color: black;" href="javascript:__doPostBack('Calendar1','3000')">19</a></td>
    <td style="width: 14%;" align="center"><a title="March 20" style="color: black;" href="javascript:__doPostBack('Calendar1','3001')">20</a></td>
    <td style="width: 14%;" align="center"><a title="March 21" style="color: black;" href="javascript:__doPostBack('Calendar1','3002')">21</a></td>
    <td style="width: 14%;" align="center"><a title="March 22" style="color: black;" href="javascript:__doPostBack('Calendar1','3003')">22</a></td></tr>
  <tr>
    <td style="width: 14%;" align="center"><a title="March 23" style="color: black;" href="javascript:__doPostBack('Calendar1','3004')">23</a></td>
    <td style="width: 14%;" align="center"><a title="March 24" style="color: black;" href="javascript:__doPostBack('Calendar1','3005')">24</a></td>
    <td style="width: 14%;" align="center"><a title="March 25" style="color: black;" href="javascript:__doPostBack('Calendar1','3006')">25</a></td>
    <td style="width: 14%;" align="center"><a title="March 26" style="color: black;" href="javascript:__doPostBack('Calendar1','3007')">26</a></td>
    <td style="width: 14%;" align="center"><a title="March 27" style="color: black;" href="javascript:__doPostBack('Calendar1','3008')">27</a></td>
    <td style="width: 14%;" align="center"><a title="March 28" style="color: black;" href="javascript:__doPostBack('Calendar1','3009')">28</a></td>
    <td style="width: 14%;" align="center"><a title="March 29" style="color: black;" href="javascript:__doPostBack('Calendar1','3010')">29</a></td></tr>
  <tr>
    <td style="width: 14%;" align="center"><a title="March 30" style="color: black;" href="javascript:__doPostBack('Calendar1','3011')">30</a></td>
    <td style="width: 14%;" align="center"><a title="March 31" style="color: black;" href="javascript:__doPostBack('Calendar1','3012')">31</a></td>
    <td style="width: 14%;" align="center"><a title="April 01" style="color: black;" href="javascript:__doPostBack('Calendar1','3013')">1</a></td>
    <td style="width: 14%;" align="center"><a title="April 02" style="color: black;" href="javascript:__doPostBack('Calendar1','3014')">2</a></td>
    <td style="width: 14%;" align="center"><a title="April 03" style="color: black;" href="javascript:__doPostBack('Calendar1','3015')">3</a></td>
    <td style="width: 14%;" align="center"><a title="April 04" style="color: black;" href="javascript:__doPostBack('Calendar1','3016')">4</a></td>
    <td style="width: 14%;" align="center"><a title="April 05" style="color: black;" href="javascript:__doPostBack('Calendar1','3017')">5</a></td></tr></tbody></table><br></div>
<div class="figure"><b>Figure 7-34. </b>A default Calendar control.</div>
<p>Coding for a default Calendar is a simple as placing the control on the page, 
as is shown in the following listing for the previous Calendar display.</p><pre class="divcode">&lt;asp:Calendar id="Calendar" Runat="Server"/&gt;
</pre>
<div class="listing"><b>Listing 7-35. </b>Code for a default Calendar 
control.</div>
<p class="head2">Styling a Calendar</p>
<p>You can customize the appearance of the Calendar by setting properties that 
control the styles for different parts of the Calendar. The following table 
lists the properties that can be applied to the control.</p>
<table class="standard" cellpadding="3">
  <tbody>
  <tr>
    <th>Property</th>
    <th>Description</th></tr>
  <tr>
    <td><span class="code">DayHeaderStyle</span></td>
    <td>Specifies the style for the section that displays the days of the 
    week.</td></tr>
  <tr>
    <td><span class="code">DayStyle</span></td>
    <td>Specifies the style for the dates in the displayed month.</td></tr>
  <tr>
    <td><span class="code">NextPrevStyle</span></td>
    <td>Specifies the style for the navigation controls in the title 
    section.</td></tr>
  <tr>
    <td><span class="code">OtherMonthDayStyle</span></td>
    <td>Specifies the style for the dates that are not in the currently 
      displayed month.</td></tr>
  <tr>
    <td><span class="code">SelectedDayStyle</span></td>
    <td>Specifies the style for the selected dates on the calendar.</td></tr>
  <tr>
    <td><span class="code">SelectorStyle</span></td>
    <td>Specifies the style for the week and month date-selection 
column.</td></tr>
  <tr>
    <td><span class="code">TitleStyle</span></td>
    <td>Specifies the style for the title section.</td></tr>
  <tr>
    <td><span class="code">TodayDayStyle</span></td>
    <td>Specifies the style for today's date.</td></tr>
  <tr>
    <td><span class="code">WeekendDayStyle</span></td>
    <td>Specifies the style for the weekend dates.</td></tr></tbody></table>
<div class="figure"><b>Figure 7-35. </b>Style properties for Calendar 
control.</div>
<p>As shown in the default Calendar, days of the month are underlined links that 
can be selected to trigger events when scripting the Calender. You can also 
provide for selection of an entire week or an entire month by coding the 
Calendar's <span class="code"><b>SelectionMode</b></span> property. When week or 
week/month selection is provided, an additional column of links is displayed for 
selecting all days in that span. The <span class="code">SelectorStyle</span> 
property given in the above table is then applied to style this column.</p>
<table class="standard" cellpadding="3">
  <tbody>
  <tr>
    <th>Selection Mode</th>
    <th>Description</th></tr>
  <tr>
    <td><span class="code">Day</span></td>
    <td>A single date can be selected on the Calendar control (default).</td></tr>
  <tr>
    <td><span class="code">DayWeek</span></td>
    <td>A single date or entire week can be selected.</td></tr>
  <tr>
    <td><span class="code">DayWeekMonth</span></td>
    <td>A single date, week, or entire month can be selected. </td></tr>
  <tr>
1234

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -