Fluqi让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中文站总编。做过开发,当过PM,干过销售,搞过市场,最终还是回到媒体。实用的理想主义者,相信:每天改变一点点,这个世界会更好。

This entry was posted in ASP.NET. Bookmark the permalink.

发表评论

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / 更改 )

Twitter picture

You are commenting using your Twitter account. Log Out / 更改 )

Facebook photo

You are commenting using your Facebook account. Log Out / 更改 )

Google+ photo

You are commenting using your Google+ account. Log Out / 更改 )

Connecting to %s