問題タブ [rjs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
4 に答える
3038 参照

ruby-on-rails - 同じRailsコントローラーから異なるRJSテンプレートを使用するにはどうすればよいですか?

パーシャルでレンダリングされるドロップダウンのリストを返すコントローラーメソッドがありますが、パーシャルが使用されている場所に応じて、RJSテンプレートを変える必要があります。どのRJSを使用するかを決定するパラメーターをコントローラーに渡すことはできますか?

これがコントローラーメソッドです。非常に簡単です。

そして、これが自動的にレンダリングされるrjsテンプレートです

0 投票する
2 に答える
1595 参照

javascript - RailsでのRJS/Javascriptの規則

RailsでRJSとPrototype/jQueryの全世界を調べ始めており、少し混乱しています。どちらを使用するかについて明確な線はないようです。

ここSOにあるような「アクティブ、ホット、ウィーク」タブの1つが欲しかったとしましょう。それらの1つを押すとき、私はCSSクラス(「アクティブタブ」のような)を私がいたものから削除し、それを私がクリックしたものに追加したいと思います。次に、アイテムを含むdivをリロードして、新しいアイテムをその中に入れます。

クラスを変更することは、純粋なjavascriptで行うのが最も簡単なようです。たとえば、コードをapplication.jsに配置してから、コンテンツでdivを更新するのがRJSで最も簡単です。しかし、何をすべきでしょうか?

0 投票する
4 に答える
45361 参照

javascript - Rails アプリケーションでの Javascript インクルード タグのベスト プラクティス

<head>ERb テンプレートのjavascript ファイルを呼び出す必要があるとします。私の本能はいつものことをすることです:

私のアプリケーションのレイアウトで。もちろん、表示中のページに必要かどうかに関係なく、これらの JavaScript ファイルがアプリケーションのすべてのページに読み込まれるという問題が生じます。

だから私が疑問に思っているのは、たとえば、特定のディレクトリでのみ見つかったすべての ERb テンプレートのヘッダーに javascript をロードする良い方法があるかどうかです。

0 投票する
3 に答える
410 参照

jquery - この例では RoR ajax プロトタイプ ヘルパーを使用しています - 代わりに JQuery でこれを行うには?

このページでは、RoR+Prototype を使用して依存ドロップダウンを行う方法を示します。誰かが代わりに JQuery で行う方法を示してくれるだろうか

http://pullmonkey.com/2008/3/30/dynamic-select-boxes-ruby-on-rails

0 投票する
2 に答える
3152 参照

jquery - RubyOnRails 2.2 + Jquery UI Sortable & AJAX: これが私のやり方です。より良い方法はありますか?

Rails 2.2 プロジェクトでは、ユーザーにプロジェクトのリストをポートフォリオ オブジェクト (つまり: ) にまとめてもらいますPortfolioHasManyProjects。このページには、通常のテキスト、タイトルなどの Rails フォームと、2 つの並べ替え可能なリストがあります。リストは、プロジェクトをグローバル プロジェクト リストからポートフォリオ プロジェクト リストにドラッグするために使用されます。

ここで行われていることと似ています: http://ui.jquery.com/latest/demos/functional/#ui.sortable

変更時にポートフォリオ リスト (#drag_list) を更新し、AJAX 呼び出しを介してシリアル化されたデータを送信します。 これは application.js ファイルで行われます。

ここで問題が発生しました。シリアル化されたデータをどのように処理し、フォームと共にnew.html.erbファイル内のコントローラーに送信するかがわかりませんでした。だから私がしたことは、コントローラーで抽出するデータnew.js.erbに非表示のフォームフィールドを挿入することでした。new.html.erb

ここに new.js.erb があります:

new.html.erb を編集します。

次に、フォームはポートフォリオ コントローラーの create メソッドに送信されます。


最後に私の質問:

  1. これはこれを行う適切な方法ですか?なんらかの理由でそうではないと感じています.Railsで他のすべてを行うのはとても簡単で直感的だと思われたからです. これは機能しますが、それを実現するのは地獄でした。AJAX 呼び出しを介してシリアル化されたデータをコントローラーに送信する、より洗練された方法が必要です。

  2. 同じページで異なる AJAX アクションを呼び出すにはどうすればよいですか? ソート可能でオートコンプリートの AJAX 呼び出しがあったとしましょう。任意のファイルから and を呼び出すことができますかsortable.js.erb? autocomplete.js.erbこれに応答するようにコントローラーをセットアップする方法がわかりません。

0 投票する
3 に答える
22499 参照

ruby-on-rails - (Rails) 「RJS」とは?

ブログの投稿やチュートリアルで「RJS」と「RJS テンプレート」が言及されているのを見てきました。調べてみましたが、いまだによくわかりません。JSON や YAML のような標準ではなく、Rails 固有の技術ですか?

「JavaScriptの生成」に使用されていることを理解しています。Prototype および Scriptaculous ライブラリを必要とする汎用 JS または Rails 固有の JS を生成しますか?

0 投票する
2 に答える
2833 参照

javascript - RoR: 1 回の :onclick での複数の remote_function 呼び出し

ユーザーがボタンをクリックしたときに実行したい 2 つの異なるメソッドがあります。私はそれらを別々に動作させていますが、2つを結合しようとするとエラーが発生します。私が現在持っている2つは、

私は基本的に下のものから上のものに機能を追加したいと思っています。どんな助けでも大歓迎です。

0 投票する
1 に答える
956 参照

ruby-on-rails - レールでネストされたinsert_htmlパーシャルを使用するとエラーが発生する

したがって、insert_html への呼び出しを含む 2 つの入れ子になったパーシャルがあります。基本的に、各チームには複数のプレイヤーがいて、次のヘルパーでそれぞれパーシャルを呼び出すプレイヤーの追加ボタンとチームの追加ボタンがあります

これは、1 つの insert_html 呼び出しのみを使用する場合は問題なく機能しますが、両方を使用しようとすると、「引数リストの後に ) がありません」という JavaScript エラーが発生し、外側の「チームの追加」ボタンが失敗します。何か案は?

0 投票する
5 に答える
7293 参照

ruby-on-rails - RJS:select_tagでobserve_fieldを使用する

私のアプリケーションのドロップダウンメニュー(select_tagによって作成された)は、ユーザーがドロップダウンメニューの値を変更して[実行]ボタンを押すとすぐに、filter-category-actionを呼び出す必要があります。

ここで、[実行]ボタンを削除し、ユーザーがドロップダウンメニューの値を変更するとすぐに、オブザーバー(observe_field?)にfilter-category-actionを呼び出させたいと思います。

以下に私が書いたコードを示します。「実行」ボタンを使用して機能しますが、ドロップダウンメニューの値を変更するだけでは機能しません。私のobserve_category_select-helperの何が問題になっていますか?

表示-ドロップダウンメニューとプロジェクトリストを含む部分

HelperMethod

Javascript-HelperMethodの出力

カテゴリコントローラー

終わり

'レーキルートの出力| grepフィルター '

0 投票する
1 に答える
5870 参照

javascript - RJS:Ajaxified select_tag

最後の質問で期待される答えが得られなかったので、質問を単純化して絞り込みます。

AJAX(送信ボタンなし)を使用して特定のコントローラーの表示アクションを呼び出すドロップダウンメニューを作成するにはどうすればよいですか?

次のものが与えられます:

モデルの関連付けはカテゴリHABTMプロジェクトであるため、ドロップダウンメニューはすべてのカテゴリ名で構成されます。

ドロップダウンメニューを実装する必要がある部分的なビュー。ドロップダウンメニューの下には、ドロップダウンメニューでの選択に応じて変更する必要があるプロジェクトのリストがあります。

呼び出す必要のあるshow-actionを備えたCategoriesコントローラー:

カテゴリコントローラでshow-actionを呼び出すルート

これをどのように実装しますか?どんな助けでも大歓迎です!