タグ

関連タグで絞り込む (2)

タグの絞り込みを解除

ajaxとprototype.jsに関するryotaraiのブックマーク (2)

  • CakePHP Tips:ドラッグ&ドロップでデータを並び替える : エクスギア Blog

    マスターのメンテナンス機能やCMS系の機能を開発する際に、データの並びをユーザーが自由に設定できるようにしたいという要件はよくあります。 CakePHPとprototype.jsを使えば、ドラッグ&ドロップでデータの並びを設定することが簡単に実装できます。 今回のサンプルはこちらで確認できます。 id, name(果物名), position(position) の3カラムのfuruitsテーブルのデータを並び替えています。 方針 CakePHPではAjaxヘルパにドラッグ&ドロップのメソッドが用意されていますが、普通にjavascriptを書いたほうが簡単に実装できますので、今回はあえて自前で実装していきます。 処理の概要としては、以下のような感じです。 1.レイアウト:headタグ内でprototype.js、scriptaculous.jsを読み込む 2.ビュー:並び替えの対象用の

    ryotarai
    ryotarai 2009/07/26
    ヘルパーを使わず自前実装の例
  • Ext JSとprototype.jsで作るリッチなUI(1/4) ─ @IT

    Ext JSとprototype.jsで作るリッチなUI:パターンとライブラリで作るAjaxおいしいレシピ(3)(1/4 ページ) 今回は話題のExt JSを使ったサンプル Ext JSはAjaxアプリケーションを構築するためのJavaScriptライブラリ(フレームワーク)です。Ext JSを使用することで、デスクトップアプリケーションのようなユーザーエクスペリエンスを提供できます。2007年10月11日に2.0のベータ版がリリースされ大変注目を集めました。 今回はそのExt JS 2.0のベータ版を使ったサンプルを紹介していきます。 ■ ごく普通の入力フォームのサンプル まずこちらのサンプルを見てください。 今回のサンプルプログラム(拡大表示はこちら、※注意1:FireBugを有効にしている場合は動作が重くなる場合があります。一時的にFireBugをオフにして利用されることをおすすめし

    Ext JSとprototype.jsで作るリッチなUI(1/4) ─ @IT
  • 1