JQueryで自動補完 - Qiita
概要 Google検索などでよく使われるAutocompleteをjQueryのAutocomponentで実現します。サジェストする内容に関してはAjaxでGETして取ってきます。 実装手順 以下の手順で実装していきます。 jQuery Autocompleteを静的コンテンツにて実装 静的コンテンツ部分をAjaxで入力した内容に応じて取ってくる JQuery Autocompleteの実装 // 以下３ファイルを読み込みます。 <link type="text/css" rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/cupertino/jquery-ui.min.css" /> <script type="text/javascript" src="http://code.jquery.com/jquery
Railsでawesome_nested_setとjsTreeでインタラクティブにツリー構造を操作する - Rails Webook
インタラクティブに階層構造を操作できるjQuery pluginのjsTreeを使い、上記のようにUIを向上させます。 「Railsでawesome_nested_setを使って階層構造を作成する」の実施を前提にしています。 動作確認 Ruby 2.1.2 Rails 4.2.0 awesome_nested_set 3.0.2 jsTree 3.0.9 目次 1. jsTreeでクライアント側の動きを実装する 1.1. RailsにjsTreeをインストールする 1.2. jsTreeのプラグインでカテゴリーを移動できるようにする 1.3. カテゴリーの追加、リネーム、削除を追加する 2. jsTreeの各アクションとRailsのAPIを連携させる 2.1. カテゴリの初期データをサーバーから取得する 2.2. カテゴリの追加/リネーム/削除アクションを実装する 2.3. カテゴリの移動
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
