كيف أتعامل مع Calendar في Asp.Net؟

OsamaSaif · 12 نوفمبر 2015

أريد عرض calendar في الموقع الذي أعمل عليه كيف يمكنني تغيير خصائص العنصر asp:Calender ؟

Lujain Maaz · 13 نوفمبر 2015

والخاصية DayNameFormat تحدد طريقة عرض اليوم (اسم كامل،الحرف الأول فقط...الخ) حيث تأخذ قيم: Full|Short|FirstLetter|FirstTwoLett|Shortest.

لإنشاء calender في asp.net نكتب:

  <asp:Calendar id="calendar1" runat="server"></asp:Calender>

يمكن تغيير لون الأيام في الـcalender بحسب نوعها، مثلًا تلوين أول يوم من أيام الأسبوع بلون معين:

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>ASP.NET Example</title>
</head>
<body>

   <form id="form1" runat="server">

      <asp:Calendar id="calendar1" runat="server">

           <OtherMonthDayStyle ForeColor="LightGray">
           </OtherMonthDayStyle>

           <TitleStyle BackColor="Blue"
                       ForeColor="White">
           </TitleStyle>

           <DayStyle BackColor="gray">
           </DayStyle>

           <SelectedDayStyle BackColor="LightGray"
                             Font-Bold="True">
           </SelectedDayStyle>

      </asp:Calendar>

   </form>

</body>
</html>

لعلّ الدالة onDayRender هي أهم دالة في Calender حيث أنها تُنفذ عند إنشاء وإظهار Calender، يمكن الاستفادة من الدالة onDayRender في الكثير من المهام. كمثال يمكن تلوين أيام العطل الرسمية بلون معين وكذلك تغيير ألوان أيام شهر معين..الخ.

مثال:

<html>
<head>
    <title>DayRender Event Example</title>
<script language="C#" runat="server">

      void DayRender(Object source, DayRenderEventArgs e) 
      {

         // Change the background color of the days in the month
         // to yellow.
         if (!e.Day.IsOtherMonth && !e.Day.IsWeekend)
            e.Cell.BackColor=System.Drawing.Color.Yellow;

         // Add custom text to cell in the Calendar control.
         if (e.Day.Date.Day == 18)
            e.Cell.Controls.Add(new LiteralControl("<br />Holiday"));

      }

   </script>

</head>

<body>

   <form id="form1" runat="server">

      <h3>DayRender Event Example</h3>

      <asp:Calendar id="calendar1" 
                    OnDayRender="DayRender"
                    runat="server">

         <WeekendDayStyle BackColor="gray">
         </WeekendDayStyle>

      </asp:Calendar>

   </form>

</body>
</html>