创建呈现分部视图的弹出窗口
Create a popup that renders a partial view
在过去的几天里,我一直在为弹出窗口而苦苦挣扎。这里有一些信息。我对使用 JavaScript 很陌生,但我渴望学习。首先,这里有一个我想做的例子。(按右上角的"Inloggen"使其弹出)CSS没有问题。我使用 bPopUp 并复制编辑网站中使用的代码而不是示例。
但无论如何,这里演示的网站是使用 php 制作的。但我的老板决定改用MVC 4 .NET。这不是真正的问题,除了它不再起作用的事实。我不知道为什么。
所以我决定重新开始,但我可以使用一点帮助。
我希望实现的是拥有一个可以重复使用并呈现部分视图的<div>
。
要触发它,我想要以下几行:
<span class="popup_button white" data-popup="Some/view" data-height='200'>Inloggen</span>
这可能是其他标签而不是 span,可以使用 Id 代替类来定义它是一个弹出触发器。(当然,也欢迎任何其他解决方案)。 我希望使用 data-popup 属性来指定触发时要呈现的部分视图,并使用 data-height 属性来指定弹出窗口内容的高度。
任何人都可以给我有关如何实现这一目标的提示吗?我知道这可能有很多问题要问,但欢迎每个建议。由于我对 JavaScript 缺乏经验,我更喜欢代码示例,但任何架构建议都会被愉快地接受。
提前谢谢你们:D
$('#my-button').click(function () {
var BaseUrl = "/Popup/" + $('#my-button').data("popup");
$.ajax({
url: BaseUrl,
type: "POST",
data: { Id: $('.Id').val() }
cache: false,
async: true,
success: function (result) {
$(".content").html(result);
//There are different ways to do the pop up. you mentioned you had the popup working. trigger it here
$('#popup').fadeIn("slow");
$('.fader').fadeIn("slow");
}
});
});
然后在您的控制器中
[HttpPost]
public PartialViewResult Action(int Id){
//populate a model
return PartialView("_PartialViewName", model);
}
如果您还有其他问题,请告诉我。
相关文章:
- asp.net MVC,重定向到视图,视图打开新窗口到外部url,它'It’’’’我们被当成一种风景
- 如何在网格视图中每次单击按钮或链接时打开不同的新弹出窗口
- jquery-mobile的列表视图中的两个弹出窗口
- AngularJS:触发从子窗口加载视图(OAuth)
- Kendo UI窗口不会打开具有布局的视图
- titanium:窗口和视图之间的区别
- 带有部分视图的模式弹出窗口
- 如何为模式窗口中呈现的部分视图添加滚动条
- 创建呈现分部视图的弹出窗口
- 使用引导模式窗口作为部分视图
- Angular JS将msg广播到多个视图,包括模态窗口
- 模式弹出窗口中的按钮单击事件,在网格视图中未触发
- 窗口之间有什么区别.主干网中的视图名称和视图名称.js
- 如何在 dialog() 模式弹出窗口中的部分视图之间保留字段数据
- Openerp 可编辑表单视图弹出窗口
- 在 Web 视图中打开弹出窗口
- 将弹出窗口定位在局部视图上
- "缩放“;使用JavaScript的浏览器窗口/视图
- 离子弹出窗口视图显示在离子模态视图后面
- 如何使全屏背景图像大于窗口视图