通過標準的ASP.NET控件來使用jQuery UI

作者：冠軍 2012-03-01 14:35:46

jQuery UI 提供了強大的前端功能，包括基于腳本和樣式表的日歷，拖放等等非常酷的特性，但是，這些都是基于 javascript 編程的，對于不太屬性這門語言的程序員來說，掌握 jQuery UI 還是有一定難度的。

今天，我要向大家介紹一個標準的 ASP.NET 控件庫 JuiceUI ，從這個地址 http://www.juiceui.com/ 你就可以下載到。

JuiceUI 是開源的 WebForms 控件集，你可以簡單地在 WebForm 項目中使用 jQuery UI 組件。現在，你也可以在 ASP.NET 項目中輕易地使用流行的 JavaScript 界面庫。

比如說，你希望在頁面中實現一個彈出式的日歷選擇器，下面的代碼就可以做到。

<asp:TextBox runat="server" ID="_Default" />  
<Juice:Datepicker runat="server" TargetControlID="_Default" />

拖個控件就可以了！

注意：必須先增加對于 ScriptManager 的使用。

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="JuiceUI_1.WebForm1" %> 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title></title> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div> 
        <asp:ScriptManager ID="ScriptManager1" runat="server"> 
 </asp:ScriptManager> 
        <asp:TextBox runat="server" ID="_Default" /> 
        <juice:Datepicker runat="server" TargetControlID="_Default" /> 
    </div> 
    </form> 
</body> 
</html>