BT

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パッケージとして公開されている。

この記事に星をつける

おすすめ度
スタイル

こんにちは

コメントするには InfoQアカウントの登録 または が必要です。InfoQ に登録するとさまざまなことができます。

アカウント登録をしてInfoQをお楽しみください。

HTML: a,b,br,blockquote,i,li,pre,u,ul,p

コミュニティコメント

HTML: a,b,br,blockquote,i,li,pre,u,ul,p

HTML: a,b,br,blockquote,i,li,pre,u,ul,p

BT

あなたのプロファイルは最新ですか?プロフィールを確認してアップデートしてください。

Eメールを変更すると確認のメールが配信されます。

会社名:
役職:
組織規模:
国:
都道府県:
新しいメールアドレスに確認用のメールを送信します。このポップアップ画面は自動的に閉じられます。