Top > 開発ガイド > コンポーネント移行ガイド > 0.5.x => 0.6.0

コンポーネント移行ガイド 0.5.x → 0.6.0

Rubricks本体を0.5.xから0.6.0に変更した際に必要な、コンポーネントの修正点を説明します。

Realtime ValidatorのAjaxチェック (2007/06/28)

0.5.xでは同期通信でのチェックでしたが、0.6.0より非同期通信でチェックを行えるようになりました。

• View
  • check_msgオプションが追加されます
• Controller
  • Validationの成否判定方法が変更されます
    • [旧仕様] => 'true'または'false'という文字列をレンダリングすることで成否判定を行います
    • [新仕様] => render_ajax_validationメソッドの引数にtrueもしくはfalseを渡すことで成否判定を行います

JS先読み対応 (2007/06/28)

以前のバージョンのRubricksで作成したアプリケーションをJS先読み化対応させる必要があります。
詳細はJavaScript先読み化対応を参照して下さい。

• JavaScriptの変更点
  • 先読みさせるJavaScriptを_preload.rhtmlに記述して下さい
  • グローバルスコープには可能な限り変数や関数を定義しないようにして下さい
    • 必要なものに関しては「var」はつけないようにして下さい
    • 「function xxx(){...}」形式の関数宣言はグローバルスコープ扱いとなります
  • 各コンポーネント用に関数・変数定義用のパッケージが用意されるのでそれを利用して下さい
    • パッケージ名はSampleコンポーネントの場合、「rubricks.sample」となります
    • 詳しくはJavaScript先読み化対応の「パッケージ名の付与」を参照して下さい
  • JavaScript内部でErbによって動的に値を当て込んでいる場合、その値を別変数に切り出す等できないか検討して下さい

• 例
  • 【修正前】
    • main.rhtml

      <span onclick="open_it();">aaa</span>
      <script type="text/javascript">
      function open_it(){
        alert('<%= @xxx.message %>');
      }
      </script>
      

• 【修正後】
  • main.rhtml

    <span onclick='rubricks.xxx.open_it("<%= @xxx.message %>")'>aaa</span>
    

  • _preload.rhtml

    <script type="text/javascript">
    rubricks.xxx.open_it = function(message){
      alert(message);
    }
    </script>
    

• リンクの変更点
  • link_toは原則的にlink_to_main_with_menuに変える
    • actionをメインコンテンツに表示したいものに変える必要がある
    • javascriptで直接画面遷移したい場合はrubricks.common.MenuHandler.update_main_contents(url)を叩く
  • 例
    • 【修正前】

      <%= link_to 'リンク', {:controller => '/news/news', :action => 'index', :main => '_abc'} %>
      

    • 【修正後】

      <%= link_to_main_with_menu 'リンク', :url => {:controller => '/news/news', :action => 'abc'} %>
      

• 履歴(戻るボタン・進むボタン)対応
  • AjaxHistoryのキー名を指定する
    • AjaxHistoryのprefix名は'rubricks_news_xxx'とする

アイコン追加 (2007/07/02)

アイコン名	説明	新規・更新	最終更新日
darkicon_property	個人設定(黒背景)	新規	2007/07/02
icon_dir_edit	ファイル編集	新規	2007/07/02
icon_feed	RSSフィード	新規	2007/07/02
icon_feed_balloon	フィード表示アイテム数	新規	2007/07/02
icon_feed_edit	フィード編集	新規	2007/07/02
icon_feed_newitem	フィード新着	新規	2007/07/02
icon_feed_minus	フィードマイナス	新規	2007/07/02
icon_feed_plus	フィードプラス	新規	2007/07/02
icon_file_arrow_special	ファイル特別指定	新規	2007/07/02
icon_file_diff	ファイル差分	新規	2007/07/02
icon_file_refresh.	ファイル更新（反映）	新規	2007/07/02
icon_invisible	非表示	更新	2007/07/02
icon_link_star	特殊リンク(パーマリンク)	新規	2007/07/02
icon_lock	ロック中	更新	2007/07/02
icon_org	組織	新規	2007/07/02
icon_tag_arrow	ブックマーク	新規	2007/07/02
icon_unlock	ロック会場	新規	2007/07/02
icon_visible	表示	更新	2007/07/02

Spinelz (2007/10/05)

No	対象	概要	新規・更新	最終更新日
1	Tree View	buildオプションを追加しました。	更新	2007/07/02
2	Modal	次のメソッドを追加しました。addMaskCallback,removeMaskCallback,clearMaskCallback,addUnmaskCallback,removeUnmaskCallback,clearUnmaskCallback	更新	2007/07/06
3	Tree View	open,closeメソッドを追加しました。	更新	2007/07/06
4	DatePicker	setメソッドを追加しました。	更新	2007/07/17
5	TabBox	afterSelectOnceオプションを追加しました。	更新	2007/07/18
6	Window	moveToメソッドを追加しました。	更新	2007/08/23
7	Window	moveByメソッドを追加しました。	更新	2007/08/23
8	DatePicker	invalidDatesオプションを追加しました。	更新	2007/10/05
9	DatePicker	setメソッドの第3引数をFunctionからオブジェクト（後方互換のためFunctionも可）へ変更しました。	更新	2007/10/05

Spinelzヘルパ (2007/08/09)

No	対象	概要	新規・更新	最終更新日
1	date_picker_element	with_script_tagオプションを追加しました。	更新	2007/06/29
2	render_treeview	左記を新規追加しました。	新規	2007/07/05
3	render_treeview	render_treeviewに引数with_scriptを追加しました。	更新	2007/07/05
4	render_treeview	render_treeviewに引数&blockを追加しました。	更新	2007/07/05
5	render_window	render_windowを追加しました。	更新	2007/08/09