当前位置: 首页 > 工具软件 > Fluqi > 使用案例 >

Fluqi让JQuery更简单

赫连明诚
2023-12-01

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

转载于:https://www.cnblogs.com/shihao/archive/2012/02/16/2354382.html

 类似资料: