Fluqi讓JQuery更簡單

openkk 12年前發布 | 5K 次閱讀 jQuery

Fluqi 為 jQuery 提供了一個通用的微件(Widget)構造器,讓用戶以可視化方式創建并定制 jQuery 微件,然后可以把生成的標記語言代碼和 JavaScript 用在自己的應用中。它還提供 .NET API,其接口易于使用,而且可以在服務器端代碼中配置 jQuery 控件。

Fluqi 微件構造器能讓用戶預覽配置的微件,生成對應的 C# 和 HTML+JavaScript 代碼。你可以選擇在 ASP.NET 中使用,如果是其他 Web 框架可使用后者。

下面是 ASP.NET 中嵌入標記語言的例子:

<%

var ac = Html.CreateAccordion ("ac")

.Options

.SetCollapsible (true)

.Finish ()

.Events

.SetCreateEvent ("return createEvent (event, ui);")

.SetChangeEvent ("return changeEvent (event, ui);")

.SetChangeStartEvent ("return changeStartEvent (event, ui);")

.Finish ()

.Panels

.Add ("My Panel 1")

.Add ("My Panel 2", true)

.Add ("My Panel 3")

.Finish ()

;

%>

<%using (ac.RenderContainer ()) {%>

<%using (ac.Panels.RenderNextPane ()) {%>

Proin ...

<%}%>

<%using (ac.Panels.RenderNextPane ()) {%>

Morbi ...

<%}%>

<%using (ac.Panels.RenderNextPane ()) {%>

Mauris ...

<%}%>

<%}%>

服務器端代碼在運行時生成 HTML 和 JavaScript,開發人員還可以將生成的所有微件的 JavaScript 打包在一個文件中,以供下載(其中使用了另一個開源庫 SquishIt)。

本質上,Fluqi 是一個基于 .NET 的開源庫,使用 C# 類來對應 jQuery 微件,包括 Accordion、AutoComplete、DatePicker、Dialog、ProgressBar、PushButton、Slider 和 Tab,同時用呈現類為對應的 jQuery 微件生成標記語言和 JavaScript。這些類在 Fluqi 的網站上使用(用來以可視化方式配置 jQuery 微件),同時作為 .NET API 對外暴露。

Fluqi 提供 Nuget Packag 供大家使用,包括 ASP.NET MVC 和 Web Form 兩種方式。

查看英文原文:Fluqi Makes JQuery Simpler

來自: InfoQ

 本文由用戶 openkk 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!