Fluqi 让 JQuery 更简单

  • 2012-02-14
  • 本文字数:819 字

    阅读完需:约 3 分钟

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()) {%>
       <p>Proin ...</p>
   <%}%>
   <%using (ac.Panels.RenderNextPane()) {%>
       <p>Morbi ...</p>
   <%}%>
   <%using (ac.Panels.RenderNextPane()) {%>
       <p>Mauris ...</p>
   <%}%>
<%}%>

服务器端代码在运行时生成 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