BT

最新技術を追い求めるデベロッパのための情報コミュニティ

寄稿

Topics

地域を選ぶ

InfoQ ホームページ ニュース Fluqiは、JQueryをより簡単にする

Fluqiは、JQueryをより簡単にする

原文(投稿日:2012/02/14)へのリンク

Fluqiは、視覚的に作成して、カスタマイズして、マークアップとJavaScriptを自分のアプリケーションで利用することができるJQueryの一般的なウィジットビルダーを提供する。これはまた、サーバーサイドのコードでJQueryコントロールを構成するために利用できる.NET APIも提供する。

Fluqiウィジットビルダーは、ウィジットの設定した内容に対応するC#とHTML+JavaScriptコードを生成して、プレビュー表示される。 ASP.NETを使っている場合は次のどちらでも、他のなにかを使っている場合は、後者だけを使うことができる。

マークアップで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 and Tab – に対応しており、JQueryウィジットのマークアップとJavaScriptを生成するレンダリングクラスに対応している。これらのクラスは、Fluqi Webサイトで使われて(視覚的に構成できるJQueryウィジット)おり、また、.NET APIを公開している。

Fluqiは、ASP.NET MVCとWebフォームの両方で利用可能なNugetパッケージとして公開されている。

この記事に星をつける

おすすめ度
スタイル

BT