標(biāo)簽及class屬性創(chuàng)建頁面布局，使用沒有連接JavaScript事件的HTML列表，錨和基于表單的標(biāo)簽收集和顯示數(shù)據(jù)，最終的頁面將會很干凈，在任何瀏覽器中都能顯示，并且更適合搜索引擎機器人抓取。開發(fā)人員在文檔對象模型（DOM）中給選中的控件添加jQuery腳本，并添加屬性、事件和額外的標(biāo)簽，這個腳本創(chuàng)建具體的外觀，對UI行為進行響應(yīng)，執(zhí)行動畫和管理遠程調(diào)用。jQuery庫細分為核心庫和其它插件庫，包括一套UI小部件，核心庫提供選擇、設(shè)定樣式、DOM操作和Ajax功能，jQuery庫可以通過創(chuàng)建插件的形式進行擴展，jQuery UI是一套插件，它包括許多高級行為，如對話框、拖放和調(diào)整大小、主題部件，如自動完成，側(cè)邊欄，標(biāo)簽和日期選擇器。
jQuery UI插件
如果要使用UI庫，必須先從jQuery UI網(wǎng)站下載它，在網(wǎng)站主頁你可以生成一個自定義版本下載，在準(zhǔn)備好下載前，請注意選擇你要使用的組件（默認選中了所有組件），組件版本（通常應(yīng)該選擇最新版本）和一個預(yù)配置的主題，然后下載并解壓.zip文件，在解壓后的文件夾下，你應(yīng)該會看到多個文件夾，包括CSS和JS文件夾。
將你下載的自定義主題添加到項目中，從CSS目錄下將style文件夾復(fù)制到MVC項目的Content文件夾下，從js文件夾下將自定義jQuery UI腳本庫復(fù)制到項目的Script文件夾下。我下載了最新的1.8.4版本，如果你想使用Web部署包部署你的項目，一定要添加style文件夾和JavaScript文件到你的Visual Studio項目中，否則你會發(fā)現(xiàn)程序在本地環(huán)境中可以運行，但到了生產(chǎn)環(huán)境就會失敗。
ASP.NET MVC架構(gòu)由模型、視圖和控制器組成，模型簡單說就是使用DataAnnotation屬性裝飾過的數(shù)據(jù)類，所有URL都轉(zhuǎn)換成調(diào)用控制器上的公共方法，控制器操作傳遞給它的數(shù)據(jù)，并創(chuàng)建視圖需要的數(shù)據(jù)，視圖的主要任務(wù)是渲染控制器創(chuàng)建的數(shù)據(jù)，視圖和ASP.NET頁面有點類似，但它后面沒有代碼，視圖可以是強類型，這意味著它們期望建立一個數(shù)據(jù)對象控件傳遞給它們進行渲染，這個對象在整個視圖中可以通過一個強類型模型變量訪問，為了渲染基于表單的控件，如文本框和單選按鈕變得更容易，視圖使用了一套HtmlHelper方法，通過一個叫做Html的變量訪問。這些擴展方法通?；贛odel類和字段上的DataAnnotation屬性訪問模型的模型數(shù)據(jù)和元數(shù)據(jù)。
將下面的腳本添加到視圖頁面的Master頁面（默認是Site.Master），用你下載的jQuery UI庫替換，我這里使用“微軟”風(fēng)格。
-
- /jquery-ui-1.8.4.custom.css")%>" rel="stylesheet" type="text/
- css" />
-
-
打開頁面，當(dāng)你點擊文本框右側(cè)的日歷圖標(biāo)時，將會看到一個如圖1所示的日歷控件，選擇一個日期填充到文本框中，你也可以修改文本框中的日期，彈出的日歷控件會做出相應(yīng)的變化，注意jQuery不會允許你在文本框中輸入一個無效的日期。
當(dāng)前題目：如何在ASP.NETMVC2中使用jQueryUI控件
分享URL：http://www.dlmjj.cn/article/dhidicd.html
建站
咨詢
售后
建站咨詢
