問題タブ [ujs]

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 投票する
1 に答える
87 参照

ruby-on-rails - render (:update) の使用例は何ですか

Railsコントローラーでは、正確には何render (:update)のためにあるのでしょうか?

RJSをインラインで定義するためのものですか、それともそれ以上の用途がありますか?

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

ajax - Rails 3 form_for:remote=>trueはAJAX経由で送信されません

AJAX経由でフォームを送信しようとしています。これは簡単なことだと思いましたが、通常のフォームとして投稿することを主張しています...

アップデート

このフォームは、AJAX化されていない、または関連していない別のフォーム内に存在しますか?それは問題を引き起こしますか?

私が得るエラー

LinkWidgetsController#createのArgumentError

[/Users/victorstan/Sites/portrait/app/views、/Users/victorstan/.rvm/gems/ruby-1.9.2-p290@portrait/gems/devise-1.5.1/にLinkWidgetsControllerのデフォルトのレイアウトはありませんでしたアプリ/ビュー]

関連コード:

ルート

コントローラ

部分的

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

ajax - AJAXがRails3.1に部分的にロードされているときに、検索ボタンを非表示にしてスピナーを表示するにはどうすればよいですか?

Amazon-ecs API(本の検索)から結果を返すパーシャルがあります。値を返すのに約2.5秒かかるので、スピナーを追加したい(そして理想的には検索ボタンを非表示にしたい)が、それを機能させるのに苦労した。

私はすでにJavaScriptで部分を結果で更新しています。パーシャルのリロードが完了するまで、ボタンでスピナーを表示(および検索ボタンを非表示)したいのですが。

これが私のメインビュー(index.html.erb)で、検索結果の一部をレンダリングします。各検索結果は、AmazonItemsのオブジェクトとして一時的に追加されます。

私の唯一のJSコードはupdate.js.erbファイルにあります。これは次のようになります。

これは簡単だと思いますが、うまくいきません。ありがとう!

編集:私の部分的な「_amazon_returned.html.erb」は次のようになります

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

ruby-on-rails - link_to の「data-type」引数

次のショートカットはありますか:

に変換するの:type=>:htmlと同じように機能すると思いましたが、サポートされていません。:remote=>truedata-remote='true'

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

jquery - link_to_functionをリファクタリングする最良のUJSの方法は何ですか?

私の野球ドラフト指向の趣味プロジェクトには、次のインターフェイスがあります。これにより、チームの所有者は、プレーヤーをランク付けするための一連の基準を作成できます。

ランキング式

属性をクリックすると、その属性がリストに追加され、重要度と並べ替えの方向が示されます。

Rails2とRails3(プロトタイプヘルパーを使用)では、次のようにしてこれを行いました。

「add_ranking_attribute_link(attributename)」は次のとおりです。

私はこれをjqueryに変換していますが、それを行うための最良の方法がわかりません-主にループが関係しているためです。私がすることができます:

これは基本的にlink_to_functionを置き換えるだけです。しかし、もっと良い方法はありますか?ujsの方法では、次のようなことを行う必要があります。

しかし、属性名の処理のため、ループの外ではうまくいきません。私は正直に言って、erbとjavascriptの混合に少し迷いました-そして、属性名をparamとしてjavascript関数に渡して、erbとjavascriptの構文エラーのデバッグの脆弱なカスケードなしで部分的なレンダリングに挿入し直す良い方法がわかりません。そのうちのデバッグはイライラします。

しかし、もっと良い方法が必要です(そして、これにはもっと良いインターフェースがあると確信しています、提案を歓迎します!)。

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

javascript - json を使用した Rail UJS

で送信されたフォームへの JavaScript 応答にはdata-remote=true、次の行があります。

しかし、渡された引数my_functionは で満たされて&quot;いるため、私の JavaScript はオブジェクトとして解釈できません。どうにかしてエスケープする必要があると思い<%=@object.to_json%>ますが、どの JavaScript 関数を使用すればよいかわかりません。何か案は?

0 投票する
0 に答える
287 参照

ruby-on-rails - Rails と ajax の単一ページの更新レコード

2 つのパネルを持つ Rails で編集ページを作成しようとしています。上部のパネルには、すべてのプロジェクトを含む選択ボックスと、編集ボタンがあります。プロジェクトを選択して編集ボタンを押すと、2 番目のパネルの編集フォームに更新するプロジェクトが表示されます。

残念ながら、トップパネルのフォームのパターン、またはサポート方法を正しく取得できないようです。

すべてのプロジェクトを 1 つのページに一覧表示し、link_to edit をクリックして編集ページに移動する方法を理解していますが、上記のように 2 つのパネルを含む 1 つのページにすべてを表示することはできません。

私の最初のフォームは次のようになります。

最初の問題は、フォームに id パラメータを指定せずに「編集」があるのが気に入らないことです。「project_editor」で「編集」するルートが存在しないことを伝えようとしますが、存在します。

これを実際に必要以上に複雑にしていると感じずにはいられませんが、レールへの露出が限られているため、レンガの壁にぶつかっています。

このパターンを機能させるのに役立つ可能性のある任意の doco へのポインタは、非常に高く評価されます。

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

jquery - Ajax を使用した Rails カミナリ ページネーション

Ajax を使用したページネーションに問題があります。私のビューコードは、ページネーションが次のように見えます

ただし、AJAX 呼び出しはエラー ステータス コードで失敗し、Web インスペクターは次のように表示します。 ここに画像の説明を入力

サーバーログが表示されます

興味深いのは、次のように同じページにハイパーリンクを追加した場合です

リンクは、Kaminari によって生成されたものとまったく同じように見え、Ajax 呼び出しはまったく問題なく成功します。生成されたページネーション リンクを

これは AJAX とは関係ありませんが、リンクは再び正常に機能します。

ActionView ExtensionsとActionView Contextを使用してページネーションリンクのタグを生成するKaminariによってリンクがレンダリングされる前にjquery-ujsマジックが発生していることと関係がありますか? この問題に関するヘルプは大歓迎です!

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

ruby-on-rails - UJS-js.erbはどこに置きますか?

私の記事は複数のサイトに表示される可能性があるため、タイトル、本文などの記事モデルと、site_id、site_nameなどのサイトモデルがあります。article_id、site_id、visibleのいずれかであるarticle_site_permissionモデルがあります。 false。

記事の編集ページで、button_toを実行しました。

これは機能します-パーミッションをfalseに変更します。そして、その逆を行う[表示]ボタンを表示できます。

:remote => true次に、ボタンリンクに追加して、ボタンが含まれているdivを更新します。しかし、JavaScriptはどこに置くのですか?

記事自体のビューを見ているのに、それはarticle_site_permissionビューにありますか?update.js.erbと呼ばれていますか?

ご協力いただきありがとうございます。


明確にするために更新します。

私のボタンは記事/編集ページにあります。ボタンはarticle_site_permissionsを更新します。記事に戻って編集し、ボタンのあるdivを更新したいと思います。

article_site_permissionsの更新コントローラーを編集する必要がありますが、divを更新するためにjsをどこに配置しますか?