Ngoài ra, các mũi tên trái và phải có thể được sử dụng để di chuyển tiếp hoặc quay trở lại một tháng. Bằng cách nhấn vào tiêu đề của lịch, bạn có thể thay đổi quan điểm từ ngày trong tháng hiện tại, để tháng trong năm nay. Một nhấp chuột sẽ chuyển sang năm trong thập kỷ hiện nay. Hành động này cho phép bạn dễ dàng chuyển sang ngày tháng trong quá khứ hay tương lai từ trong sự kiểm soát lịch.
Các trang web sử dụng tiếng Anh thiết lập nền văn hóa (Hoa Kỳ) đã được xác định bởi trình duyệt. Các thuộc tính trang có văn hóa = "tự động" và "tự động" UICulture = thiết lập để cho phép như vậy. Xem bài viết này MSDN để biết thêm thông tin. Các ScriptManager trên trang này giới thiệu Lịch đã EnableScriptGlobalization = "true" và EnableScriptLocalization = "true".
Thuộc Tính :
Các lịch liên kết với một nút đã được khởi tạo với mã này. Các thuộc tính trong nghiêng là tùy chọn:
<ajaxToolkit:Calendar runat="server"
TargetControlID="Date1"
CssClass="ClassName"
Format="MMMM d, yyyy"
PopupButtonID="Image1" />
Các lịch liên kết với một nút đã được khởi tạo với mã này. Các thuộc tính trong nghiêng là tùy chọn:
<ajaxToolkit:Calendar runat="server"
TargetControlID="Date1"
CssClass="ClassName"
Format="MMMM d, yyyy"
PopupButtonID="Image1" />
- TargetControlID - Các ID của TextBox để mở rộng với lịch này.
- CssClass - Tên của lớp CSS được sử dụng để theo phong cách lịch sự. Xem Lịch Theming phần để biết thêm thông tin.
- Format - Định dạng chuỗi được sử dụng để hiển thị ngày tháng.
- PopupButtonID - ID của một điều khiển để hiển thị popup lịch khi nhấp vào. Nếu giá trị này không được thiết lập, theo lịch sẽ xuất hiện khi hộp văn bản nhận được tập trung.
- PopupPosition - Chỉ ra nơi popup lịch sẽ xuất hiện tại BottomLeft (mặc định), BottomRight, TopLeft, TopRight, trái hoặc phải của TextBox.
- SelectedDate - Chỉ ra ngày Lịch mở rộng được khởi tạo với.
Theming :
Bạn có thể thay đổi giao diện của lịch sử dụng Lịch CssClass tài sản. Lịch có một bộ định sẵn của các lớp CSS có thể được ghi đè. Nó có một phong cách mặc định mà được nhúng vào như là một WebResource và là một phần của Bộ công cụ lắp ráp có phong cách thiết lập cho tất cả các tầng lớp phụ. Bạn có thể tìm thấy chúng trong các giải pháp Toolkit, trong tập tin "AjaxControlToolkit \ Lịch \ Calendar.css". Nếu CssClass của bạn không cung cấp giá trị cho bất kỳ của những người sau đó nó rơi trở lại với giá trị mặc định. Để tùy chỉnh cùng một người sử dụng sẽ phải thiết lập thuộc tính CssClass với tên của các kiểu CSS và xác định các phong cách cho các lớp riêng để các thành phần khác nhau trong một điều khiển Calendar có thể được theo kiểu phù hợp. Lịch thứ hai trong bản demo trên sử dụng các "MyCalendar" phong cách. trong đó đặt ra các phong cách container Lịch như sau.
.MyCalendar .ajax__calendar_container {
border:1px solid #646464;
background-color: lemonchiffon;
color: red;
}
Calendar Css Classes:
- Ajax__calendar_container: Các bên ngoài hình chữ nhật chứa cung cấp cho biên giới xung quanh các yếu tố lịch. Trẻ lớp CSS: ajax__calendar_header, ajax__calendar_body, ajax__calendar_footer....
- Ajax__calendar_header: Một yếu tố container chứa các mũi tên tiếp theo và trước đó và tiêu đề của giao diện hiện tại. Trẻ lớp CSS: ajax__calendar_prev, ajax__calendar_title, ajax__calendar_next....
- Ajax__calendar_prev:. Một yếu tố có hiển thị các mũi tên để xem các thiết lập trước đó của dữ liệu trong khung nhìn (trước tháng / năm / thập kỷ). Trẻ CSS lớp: không.
- Ajax__calendar_title:. Một yếu tố có hiển thị tiêu đề của giao diện hiện tại (tháng, tên, năm, thập kỷ). Trẻ CSS lớp: không.
- Ajax__calendar_next:. Một yếu tố có hiển thị các mũi tên để xem các thiết lập trước đó của dữ liệu trong khung nhìn (trước tháng / năm / thập kỷ). Trẻ CSS lớp: không.
- Ajax__calendar_body: Một yếu tố container chứa những ngày, tháng, và năm tấm. Cũng cung cấp một hình chữ nhật cố định với tràn ẩn được sử dụng đ�� chuyển đổi giữa các quan điểm (/ tháng tiếp theo trước, hoặc ngày / tháng / năm) trẻ em lớp CSS:.. Ajax__calendar_days, ajax__calendar_months, ajax__calendar_years...
- Ajax__calendar_days:. Một yếu tố container chứa bố trí cho các ngày trong một tháng. Trẻ lớp CSS: ajax__calendar_dayname, ajax__calendar_day..
- Ajax__calendar_dayname: Một yếu tố có hiển thị tên viết tắt của ngày trong tuần. Trẻ CSS lớp: không.
- Ajax__calendar_day: Một yếu tố có hiển thị ngày tháng. Trẻ CSS lớp: không có
- Ajax__calendar_months:. Một yếu tố container chứa bố trí cho các tháng trong năm. Trẻ lớp CSS. Ajax__calendar_month.
- Ajax__calendar_month:. Một yếu tố có hiển thị các tháng trong năm. Trẻ CSS lớp: không có
- Ajax__calendar_years:. Một yếu tố container chứa bố trí cho các năm trong một thập kỷ. Trẻ lớp CSS. Ajax__calendar_year.
- Ajax__calendar_year:. Một yếu tố có hiển thị năm trong một thập kỷ. Trẻ CSS lớp: không có
- Ajax__calendar_footer: Một yếu tố container chứa ngày hiện tại. Trẻ lớp CSS. Ajax__calendar_today.
- Ajax__calendar_today: Một yếu tố có hiển thị ngày hiện tại. Trẻ CSS lớp: không.
- Ajax__calendar_hover:. Điều này được áp dụng cho một phần tử trong DOM trên một tháng, ngày, năm và được sử dụng để áp dụng các thuộc tính CSS cho thấy một trạng thái di chuột. Trẻ CSS lớp:... Ajax__calendar_day, ajax__calendar_month, ajax__calendar_year
- Ajax__calendar_active:. Điều này được áp dụng cho một phần tử trong DOM trên một tháng, ngày, năm và được sử dụng để áp dụng các thuộc tính CSS cho thấy giá trị đang được chọn. Trẻ lớp CSS: ajax__calendar_day, ajax__calendar_month, ajax__calendar_year....
- Ajax__calendar_other:. Điều này được áp dụng cho một phần tử trong DOM trên một ngày hoặc năm mà bên ngoài xem hiện tại (không phải ngày trong tháng có thể nhìn thấy, năm trong thập kỷ không nhìn thấy được). Trẻ CSS lớp:.. Ajax__calendar_day, ajax__calendar_year.
Comments[ 0 ]
Đăng nhận xét