BT

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

| 作者: Roopesh Shenoy フォローする 0 人のフォロワー , 翻訳者 尾崎 義尚 フォローする 0 人のフォロワー 投稿日 2012年2月19日. 推定読書時間: 2 分 |

原文(投稿日: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

このスレッドのメッセージについてEmailでリプライする
コミュニティコメント

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

このスレッドのメッセージについてEmailでリプライする

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

このスレッドのメッセージについてEmailでリプライする

ディスカッション

InfoQにログインし新機能を利用する


パスワードを忘れた方はこちらへ

Follow

お気に入りのトピックや著者をフォローする

業界やサイト内で一番重要な見出しを閲覧する

Like

より多いシグナル、より少ないノイズ

お気に入りのトピックと著者を選択して自分のフィードを作る

Notifications

最新情報をすぐ手に入れるようにしよう

通知設定をして、お気に入りコンテンツを見逃さないようにしよう!

BT