Backbone.js jQuery UI

Backbone.jsからjQuery UIのDialogを使う例

投稿日:

2013-01-15_22h06_17

Backbone.js楽しくなってきた

部品ごとのクラスをつくって、それに飾りとイベントをつけて、あとは上位部品から呼び出してくっつけるだけ

jQuery UIのダイアログの場合は、公式のサンプルだと、どこかにダイアログを書いておいてJavaScriptから呼び出すんだけど、jQueryオブジェクトをつくって呼び出すだけでOKでした。

jqueryui.com/dialog/

form_dialogs.js.coffee

index.jst.eco

呼び出す方

 

参考

Rails3.2でajaxなフォルダツリーを導入する3~dynatree-rails & jQuery UI dialog

Marionette.jsの場合

-Backbone.js, jQuery UI
-, , ,

執筆者:

関連記事

Rails3.2とBackbone.jsでGoogle CalendarライクなカレンダーにCRUD(後編)~fullcalendar-rails

目次1  前回2 UPDATE1~バグの訂正3 UPDATE2 ~ ドラッグとリサイズでデータ更新4 DELETE~イベントの削除5 バグがあった → 解決しました!6  herokuにサンプルアップ …

no image

Rails3.2でajaxなフォルダツリーを導入する3~dynatree-rails & jQuery UI dialog

  前回 Rails3.2でajaxなフォルダツリーを導入する~dynatree-rails Rails3.2でajaxなフォルダツリーを導入する2~dynatree-rails &nbsp …

Backbone.jsでモデルとフォームを関連づける〜backbone_datalink.js

By: See-ming Lee – CC BY 2.0     こんなコードでフォームからjQueryでいちいち指定しているのを [crayon-5b02518f9a …

Backbone.Eventを使ったグローバル通知

  By: Carissa Rogers – CC BY 2.0 Backbone.js global notifications berzniz.com/post/193515

no image

jQuery UIの将棋でつくったまとめ~jQuery UI draggable droppable

  目次1 盤上の駒の動き2 盤上の駒の座標を取得する3 手番(ターン)の変更4 盤外からの駒の動き5 将棋のルールの分析6 ゲームの計算処理など 盤上の駒の動き draggableの設定 …