Fluqi 让 JQuery 更简单

墙头草
 墙头草
发布于 2012年02月15日
收藏 18

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两种方式。

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动共创开源社区。
转载请注明:文章转载自 OSCHINA 社区 [http://www.oschina.net]
本文标题:Fluqi 让 JQuery 更简单
资讯来源:InfoQ
加载中

最新评论(6

北落
北落
用惯了jquery来思考
用户已屏蔽
用户已屏蔽
不求.
HenryChan
HenryChan
求链接
ddatsh
ddatsh
asp.net...................
柳天赐
柳天赐
为什么木有Fluqi的连接
返回顶部
顶部