1

ポップアップに詳細を表示する必要があります。これを行う方法がわかりません。MVC3 Razor ビューで行う必要があります。

私のコントローラー-

public ViewResult ViewDetail(Int32 id)
{
  var q = from p in db.accs
          where p.id == id
          select p;
  return View(q.FirstOrDefault());
}

私の見解-

<td>@ Html.ActionLink("View Detail", "ViewDetail", new { id=item.id }) </td>
4

3 に答える 3

1

JqueryUIModalFormを使用してデータを表示します。

jqueryのモーダルポップアップに以下を表示したいとします。

<div id="displayinmodal">
<input type="file" id="file" name="file" />
<input type="submit" id="submitdata" value="Upload" />
</div>

次に、jqueryを次のように記述します。

<script>
$(document).ready(function(){
     $("#displayinmodal").dialog({ //displayinmodal is the id of the div you want to display in modal popup
         autoOpen: true
     });
});
</script>

それでおしまい。ブラウザにモーダルポップアップが表示されます。

お役に立てれば

于 2012-12-07T05:08:11.257 に答える
1

この種のタスクは、実際には ASP.NET MVC / Razor が行うことではありません。JQuery UI Dialogなどの Javascript ライブラリの使用を検討してください。ページにいくつかの JQuery UI スクリプトを追加する必要がありますが、見返りは非常に単純な API です。1 行のコードで、任意の HTML 要素 (id mydiv など)から基本的なダイアログを作成できます。

$( "#mydiv" ).dialog();

もちろん、適用できるカスタマイズやテーマもあります。

もちろん、単純に Javascript を使用することもできます。

alert("my details here");

基本的なモーダルポップアップを取得しますが、それはあなたが望むものではないと思います.

于 2012-06-22T05:55:11.627 に答える
0

シンプルで飾り気のないモーダル (コンテンツが少ない) が必要な場合は、次のように JavaScript アラートを使用できます。

alert('Hello from a modal popup');

よりきれいなオプションが必要な場合、一般的な解決策は、モーダル オプションを可能にする jQuery UI のダイアログを使用することです。このオプションで得られるもののデモについては、こちらをご覧ください。

http://jqueryui.com/demos/dialog/#modal

コードは非常に単純です。以下は、スクリプトとストック jQuery UI CSS のソースとして Google の CDN を使用して、すべてを行う必要があります。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.js" type="text/javascript"></script>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />

<script type="text/javascript">
    $(function() {
        $( "#details" ).dialog({
            modal: true
        });
    });
</script>

<div id="details">
    Hello from a modal popup
</div>
于 2012-06-22T05:59:19.113 に答える