0

私はmvcでプロジェクトをやっていて、テーブルを作成しました。それはうまく動作し、私が得る必要があるのは、ある行で私はリンクを与えているということです。そのリンクをクリックすると、その特定の列と同じデータを持つポップアップフォームが表示されます。mvcのリンクをクリックして、フォームからポップアップフォームにデータを渡す方法

ビュー - Students.cshtml

<tr> 
    <td style="font-weight:bold; text-align: center;"> 
     Sl No 
    </td> 
    <td style="font-weight:bold; text-align: center;"> 
     Name 
    </td> 
    <td style="font-weight:bold; text-align: center;"> 
     div 
    </td> 
    <td style="font-weight:bold; text-align: center;"> 
     <a href="@Url.Action("Home", "Admin", new { id = @item.ID})"> 
    <i class="fa fa-plus-circle" aria-hidden="true"></i> 
    </a> 
    </td>             
</tr> 

ここでは私の問題は、私は、ポップアップフォームにstudents.cshtml形式のデータでポップアップフォームを得ることができるか、です。つまり、Sl.No、Name、およびそのポップアップフォームのdivです。 ポップアップのためにajaxスクリプトを書く必要があるかどうか?データを渡すには??何をすべきかわからない。誰でも私のために解決策を見つけるのを助けてくれる?

+0

モーダルの場合は、おそらくAJAXを使用する必要があります。受講者IDをパラメータとするアクションをコントローラに定義します。アクションは 'students.cshtml'を返します。これはまた、テーブルリンクにイベントリスナーを追加し、処理内でアクションを呼び出す必要があります。 –

+0

あなたはajaxコールを使用して、好きなようにポップアップを作成する必要があります – jamiedanq

+0

@ Andrei V ..申し訳ありませんが、あなたが言ったことを得ることができませんでしたこれを説明してくださいできますか? – user355

答えて

0

モーダルポップアップは別のページではなく、現在のページの上に座っているように見えるスタイルの標準マークアップであることに注意してください。

そのリンクをクリックすると、データが同じ特定の列の のポップアップフォームが表示されます。

表示したい、その情報の全てではなく、あなたがたときにリンクモーダルポップアップを表示するためにいくつかの基本的なJavaScriptを使用することができ、それをフェッチするAJAX要求をする必要がないページにすでにある場合をクリックします。

JavaScriptを使用してモーダルポップアップを作成する方法の詳細については、How to create a modal popup using JavaScript?またはHow to create a modal popup using javascript and CSSを参照してください。

+0

実際にこのポップアップはポップアップのデータを変更するために必要な編集フォームです。したがって、students.cshtmlビューのデータをこのポップアップフォームに渡す必要があります。これは、jsを通してデータを渡すことが私の主な問題です。あなたが与えたリンクでは、ポップアップを取得するためだけではなく、IDに基づいてデータを取得するのですか? – user355

+0

JS経由で渡す必要がありますか?すべてのデータはすでにHTMLページに入っていますので、ポップアップで再度表示するだけです。ユーザーがデータを編集したら、ポップアップフォームから保存するサーバーにポストする必要がありますが、これは別の質問です。 – Fermin

+0

あなたが言ったように私は再びポップアップ形式でデータを表示し、データをdbに保存する必要があります。しかし、私はこのポップアップフォームですべての詳細を取得する必要がある前に、更新は次のプロセスです。つまり、HTMLページにはテーブル全体を詳細に表示し、各列には編集のためのポップアップを得るためのリンクがあります。私はデータでフォームを取得する必要があります。そしてそれをすることで大きな混乱を得る – user355

関連する問題