如何通過標(biāo)準(zhǔn)的ASP.NET控件來使用jQuery UI,針對這個問題,這篇文章詳細(xì)介紹了相對應(yīng)的分析和解答,希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。
創(chuàng)新互聯(lián)自2013年創(chuàng)立以來,先為汝州等服務(wù)建站,汝州等地企業(yè),進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為汝州企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。
jQuery UI 提供了強(qiáng)大的前端功能,包括基于腳本和樣式表的日歷,拖放等等非??岬奶匦裕?,這些都是基于 javascript 編程的,對于不太屬性這門語言的程序員來說,掌握 jQuery UI 還是有一定難度的。
今天,向大家介紹一個標(biāo)準(zhǔn)的 ASP.NET 控件庫 JuiceUI 。
JuiceUI 是開源的 WebForms 控件集,你可以簡單地在 WebForm 項目中使用 jQuery UI 組件。現(xiàn)在,你也可以在 ASP.NET 項目中輕易地使用流行的 JavaScript 界面庫。
比如說,你希望在頁面中實現(xiàn)一個彈出式的日歷選擇器,下面的代碼就可以做到。
<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
可以從工具箱中直接拖過來。
什么?你希望在代碼中有更多的控制,沒有問題!你有大量的屬性可以用來進(jìn)行設(shè)置,比如 DateFormat 就可以設(shè)置日期的格式。
到這里下載吧!http://nuget.org/packages/JuiceUI
如果你已經(jīng)安裝了 NuGet, 直接使用這個命令就可以為你的項目增加這個支持。
Install-Package JuiceUI
注意:這個庫基于 jQuery 和 jQuery UI , 下面是其使用的版本:
jQuery 1.7.1
jQuery.UI.Combined1.8.17
安裝之后,所有需要的文件都已經(jīng)在你的項目中了,包括 jQuery。
包括腳本
在你的項目文件夾中,包括所有的文件。
關(guān)于如何通過標(biāo)準(zhǔn)的ASP.NET控件來使用jQuery UI問題的解答就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,如果你還有很多疑惑沒有解開,可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道了解更多相關(guān)知識。
文章名稱:如何通過標(biāo)準(zhǔn)的ASP.NET控件來使用jQueryUI
URL分享:http://aaarwkj.com/article28/peedjp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站制作、建站公司、網(wǎng)站導(dǎo)航、品牌網(wǎng)站設(shè)計、商城網(wǎng)站、營銷型網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)