0

組み込みの Devise edit_user_registration ビューをモーダルに移動して、使用者がページの設定リンクをクリックすると、ビューへの Rails ルーティングの代わりにモーダルが表示されるようにするにはどうすればよいですか。私はブートストラップを使用しており、そのコードを使用したいと考えていますが、モーダル ビューのコンテンツをレールのどこに実際に配置するのかわかりません。

デバイスパスまたはコントローラーをオーバーライドする必要がありますか?

モーダルの呼び出しは、任意のレイアウト権利で行われます...だから

<a class="btn" data-toggle="modal" href="#myModal" >Launch Modal</a>

私の最初の考えは、..devise/registration/edit.html.erb を適切なモーダル要素と id でラップすることでしたが、href= "#myModal" をモーダルの id と同じにする必要があるかどうかはわかりません。私はデフォルトのデバイス編集ルートを使用しています...

私がdeviseを使用しなければ、問題はありませんでした。

4

1 に答える 1

1

Bootstrap は JS マジックを実行して、アンカー タグ href="#myModal" の href が同じ ID の div を取得し、それを使用してコンテンツとしてモーダルとして表示します。

やりたいことはこれ

<a class="btn" data-toggle="modal" href="#myModal" >Launch Modal</a>
<div class="modal" id="myModal">
   <%= render :template => "devise/registrations/edit" %>
</div>

これにより、デバイス ビューが現在のビューにレンダリングされますが、ブートストラップのおかげで非表示になります。次に、ブートストラップのおかげで、誰かがモーダルの起動ボタンをクリックすると、非表示のコンテンツであるユーザー編集フォームが表示されます。

于 2012-05-05T00:44:24.883 に答える