Ajax Control Toolkit có sẵn trong NuGet. Điều này làm cho nó siêu dễ dàng để thêm phiên bản mới nhất của bộ Ajax Control Toolkit cho bất kỳ ứng dụng Web Forms nào.
Nếu bạn chưa bao giờ sử dụng NuGet,thì bạn đã bỏ lỡ một công cụ tuyệt vời mà bạn có thể sử dụng trong Visual Studio để thêm các tính năng mới cho ứng dụng. Bạn có thể sử dụng NuGet với bất kỳ các ứng dụng cho cả hai ASP.NET MVC và ASP.NET Web Form. NuGet là tương thích với cả hai website và Web Application, và nó hoạt động với cả hai ứng dụng sử dụng C # và VB.NET.
Ví dụ, tôi có thói quen sử dụng NuGet thêm phiên bản mới nhất của ELMAH, Entity Framework, jQuery, jQuery UI, và các mẫu jQuery cho các ứng dụng mà tôi tạo ra. Để tải về NuGet, hãy truy cập trang web NuGet tại:http://NuGet.org
Hãy tưởng tượng, ví dụ, bạn muốn tận dụng lợi thế của Ajax Control Toolkit RoundedCorners extender để tạo ra trình duyệt tương thích có thể làm bo góc tròn trong một ứng dụng Web Forms. Thực hiện theo các bước sau.
Nhấp chuột phải vào dự án của bạn trong cửa sổ Solution Explorer và chọn tùy chọn Add Library Package Reference.
Trong hộp thoại Add Library Package Reference, chọn tab Online và nhập AjaxControlToolkit trong hộp tìm kiếm:
Nhấn nút Cài đặt và phiên bản mới nhất của Ajax Control Toolkit sẽ được cài đặt.
Cài đặt Ajax Control Toolkit làm cho thay đổi một số cấu hình trong ứng dụng của bạn. Đầu tiên, một tham chiếu của Ajax Control Toolkit được thêm vào ứng dụng của bạn. Trong dự án ứng dụng Web của bạn, bạn có thể thấy reference mới trong thư mục Reference:
Cài đặt gói Ajax Control Toolkit NuGet cũng cập nhật tập tin Web.config của bạn. Thẻ tiền tố của AjaxToolkit sẽ được đăng ký để bạn có thể dễ dàng sử dụng Ajax Control Toolkit trong bất kỳ trang nào mà không cần thêm bất kỳ directive @ Register trang.
<?xmlversion="1.0"encoding="utf-8"?>
<configuration>
<system.web>
<compilationdebug="true"targetFramework="4.0" />
<pages>
<controls>
<add tagPrefix="ajaxToolkit"assembly="AjaxControlToolkit"namespace="AjaxControlToolkit" />
</controls>
</pages>
</system.web>
</configuration>
Bạn nên rebuild lại ứng dụng của bạn bằng cách chọn trình đơn tùy chọn Build → ReBuild Solution để Visual Studio cập nhật lại các điều khiển mới (Bạn sẽ không nhận được Intellisense cho các Ajax Control Toolkit cho đến khi nào bạn build ứng dụng của bạn lại).
Sau khi bạn thêm các Ajax Control Toolkit vào cho ứng dụng của bạn, bạn có thể bắt đầu sử dụng bất kỳ của 40 controls Ajax Control Toolkit trong ứng dụng của bạn (http://www.asp.net/ajax/ajaxcontroltoolkit/samples/ để tham khảo các control làm việc như thế nào).
Bắt đầu với RoundedCornersExtender:
<head runat="server">
<title>Rounded Corners</title>
<style type="text/css">
#pnl1
{
background-color: gray;
width: 200px;
color: White;
font: 14pt Verdana;
}
#pnl1_contents
{
padding: 10px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Panel ID="pnl1" runat="server">
<div id="pnl1_contents">
I have rounded corners!
</div>
</asp:Panel>
<ajaxToolkit:ToolkitScriptManager ID="sm1" runat="server" />
<ajaxToolkit:RoundedCornersExtender TargetControlID="pnl1" runat="server" />
</div>
</form>
</body>
Trang có ba điều khiển sau đây:
- Panel – Panel control được đặt tên là pnl1 có chứa nội dung xuất hiện trong khung với các góc bo tròn.
- ToolkitScriptManager - Mỗi trang trong mà có sự dụng Ajax Control Toolkit phải chứa một ToolkitScriptManager. ToolkitScriptManager sẽ tải tất cả các tập tin JavaScript được sử dụng bởi các control Ajax Toolkit.
- RoundedCornersExtender – là extender cho panel control, nó làm cho panel xuất hiện các đường bo góc
Chú ý rằng bạn sẽ có được Intellisense khi gõ các tag Ajax Toolkit. Ngay sau khi bạn gõ <ajaxToolkit, tất cả các điều khiển của Ajax Controls Toolkit xuất hiện:
Khi bạn mở trang web trong trình duyệt, sau đó nội dung của Panel sẽ xuất hiện với các góc được bo tròn.
Lợi thế của việc sử dụng control RoundedCorners mở rộng là nó là tương thích đa trình duyệt. Nó hoạt động tốt với Internet Explorer, Opera, Firefox, Chrome, và Safari ngay cả khi các trình duyệt khác nhau thực hiện các góc được làm tròn theo những cách khác nhau. Control RoundedCorners Mở rộng thậm chí còn làm việc với một trình duyệt cổ như Internet Explorer 6.
Lấy phiên bản mới nhất của Control Ajax Toolkit
Ajax Control Toolkit tiếp tục phát triển với một tốc độ nhanh chóng. Chúng tôi đang khó khăn trong công việc sửa lỗi và thêm các tính năng mới cho dự án. Chúng tôi dự định mỗi tháng sẽ có một phiên bản mới của Control Ajax Toolkit.
Cách dễ nhất để có được phiên bản mới nhất của Control Ajax Toolkit là sử dụng NuGet. Bạn có thể mở hộp thoại NuGet Add Library Package Reference bất cứ lúc nào để cập nhật các điều khiển Ajax Toolkit phiên bản mới nhất.
Translate and edit from: Install the Ajax Control Toolkit from NuGet
Subscribe
Resume
Facebook
twitter