溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
如何通過標準的ASP.NET控件來使用jQuery UI，針對這個問題，這篇文章詳細介紹了相對應的分析和解答，希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。
jQuery UI 提供了強大的前端功能，包括基于腳本和樣式表的日歷，拖放等等非常酷的特性，但是，這些都是基于 javascript 編程的，對于不太屬性這門語言的程序員來說，掌握 jQuery UI 還是有一定難度的。
今天，向大家介紹一個標準的 ASP.NET 控件庫 JuiceUI 。
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>
甚至還提供了如下的控制：
page up/down - 上月/次月
ctrl+page up/down - 上年/次年
ctrl+home - current month or open when closed
ctrl+left/right - 昨天/明天
ctrl+up/down -上周/次周
enter - accept the selected date
ctrl+end - close and erase the date
escape - close the datepicker without selection
可以從工具箱中直接拖過來。
什么？你希望在代碼中有更多的控制，沒有問題！你有大量的屬性可以用來進行設置，比如 DateFormat 就可以設置日期的格式。
到這里下載吧！http://nuget.org/packages/JuiceUI
如果你已經安裝了 NuGet, 直接使用這個命令就可以為你的項目增加這個支持。
Install-Package JuiceUI
注意：這個庫基于 jQuery 和 jQuery UI , 下面是其使用的版本：
jQuery 1.7.1
jQuery.UI.Combined1.8.17
安裝之后，所有需要的文件都已經在你的項目中了，包括 jQuery。
包括腳本
在你的項目文件夾中，包括所有的文件。
關于如何通過標準的ASP.NET控件來使用jQuery UI問題的解答就分享到這里了，希望以上內容可以對大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關注億速云行業資訊頻道了解更多相關知識。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
