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

这种任务实际上并不是 ASP.NET MVC / Razor 所做的。考虑使用像JQuery UI Dialog这样的 Javascript 库。您必须将几个 JQuery UI 脚本添加到您的页面，但回报是一个非常简单的 API；您可以使用一行代码从任何 HTML 元素（例如 id mydiv ）创建一个基本对话框：

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

当然，您可以应用自定义和主题。

当然，您可以简单地使用 Javascript：

alert("my details here");

获得一个基本的模态弹出窗口，但我猜这不是你想要的。

于 2012-06-22T05:55:11.627 回答
1

使用 Jquery UI ModalForm来显示您的数据。

假设您想在 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 回答
0

如果你想要一个简单的没有多余装饰的模式（内容不多），你可以像这样使用 JavaScript 警报：

alert('Hello from a modal popup');

如果你想要一个更漂亮的选项，一个常见的解决方案是使用 jQuery UI 的对话框，它允许一个模式选项。在此处查看有关使用此选项获得的内容的演示：

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

代码很简单；下面应该使用 Google 的 CDN 作为脚本和股票 jQuery UI CSS 的来源为您做所有事情：

<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 回答