HoverMenu là một ASP.NET AJAX mở rộng có thể có gắn vào bất kỳ WebControl ASP.NET, và sẽ kết hợp kiểm soát với một bảng nội dung hiển thị popup để thêm. Khi người dùng di chuyển con trỏ chuột lên điều khiển chủ yếu hai điều xảy ra:
- Các bảng popup được hiển thị ở một vị trí xác định bởi các nhà phát triển trang (ở bên trái, phải, trên, hoặc dưới cùng của kiểm soát chính)
- Tùy chọn, một phong cách CSS được áp dụng để kiểm soát để xác định nó như là "nóng"
Trong ví dụ trên, một GridView ASP.NET được phổ biến các dữ liệu từ cơ sở dữ liệu. Trong mỗi hàng của GridView, một cộng sự HoverMenu nội dung của hàng với một liên kết Panel có chứa hoạt động trên dòng.
Mouse over trên GridView để xem hành vi này. Khi chọn "Edit", hàng sẽ được hiển thị chế độ chỉnh sửa, và bạn sẽ nhận thấy các menu sẽ xuất hiện bên phải của nội dung, thể hiện khả năng chọn vị trí popup.
Mỗi dòng của GridView trên có chứa một HoverMenu được khởi tạo với mã này. Các thuộc tính nghiêng là tùy chọn:
<ajaxToolkit:HoverMenuExtender ID="hme2" runat="Server"
TargetControlID="Panel9"
PopupControlID="PopupMenu"
HoverCssClass="popupHover"
PopupPosition="Left"
OffsetX="0"
OffsetY="0"
PopDelay="50" />
- TargetControlID - Việc kiểm soát là các mở rộng được nhắm mục tiêu. Khi con trỏ chuột được quyền kiểm soát này, các popup menu hover sẽ được hiển thị.
- PopupControlID - ID kiểm soát để hiển thị khi con chuột được về kiểm soát mục tiêu. Trong trường hợp này, nó chỉ là một bảng điều khiển đơn giản với hai liên kết:
<asp:Panel CssClass="popupMenu" ID="PopupMenu" runat="server">
<asp:LinkButton ID="LinkButton1" runat="server"
CommandName="Edit" Text="Edit" />
<br />
<asp:LinkButton ID="LinkButton2" runat="server"
CommandName="Delete" Text="Delete" />
</asp:Panel>
- HoverCssClass - Lớp CSS để áp dụng cho các mục tiêu popup menu khi hover có thể nhìn thấy.
- PopupPostion - Trường hợp popup sẽ được bố trí tương đối so với mục tiêu kiểm soát. Có thể còn lại (mặc định), Right, Top, Bottom, Trung tâm.
- OffsetX/OffsetY - Số lượng các điểm ảnh để bù đắp các popup từ vị trí mặc định của nó, theo quy định của PopupPosition. Vì vậy, nếu bạn muốn nó popup bên trái của mục tiêu và có một không gian 5px giữa các popup và mục tiêu, giá trị cần có "-5".
- HoverDelay - Thời gian, tính bằng mili giây, trước khi hiển thị popup sau khi lơ lửng lên điều khiển mục tiêu. Mặc định là 0.
- PopDelay - Thời gian, tính bằng mili giây, cho popup để vẫn nhìn thấy sau khi con chuột di chuyển ra khỏi điều khiển mục tiêu. Mặc định là 100.
- Animations - Chung hình ảnh động cho các bộ mở rộng HoverMenu. Xem hương Animations Sử dụng và hoạt hình tham khảo cho biết thêm chi tiết.
- OnShow - Các hình ảnh động OnShow sẽ được chơi mỗi khi hover vào trình đơn được hiển thị. Trình đơn hover sẽ được vị trí chính xác mà ẩn. Các hình ảnh động có thể sử dụng
để hiển thị menu hover cùng với những hiệu ứng hình ảnh khác. OnHide - Các hình ảnh động OnHide sẽ được phát mỗi lần hover được ẩn menu.
- OnShow - Các hình ảnh động OnShow sẽ được chơi mỗi khi hover vào trình đơn được hiển thị. Trình đơn hover sẽ được vị trí chính xác mà ẩn. Các hình ảnh động có thể sử dụng
Comments[ 0 ]
Đăng nhận xét