asp.net-mvc - 如何打开弹出窗口、MVC webgrid、动态列

Question

我有一个 webgrid，如下所述

@grid.GetHtml(tableStyle: "webgrid", 
              headerStyle: "webgrid-header", 
              footerStyle: "webgrid-footer", 
              alternatingRowStyle: "webgrid-alternating-row", 
              selectedRowStyle: "webgrid-selected-row", 
              rowStyle: "webgrid-row-style"
             )

由于我的列是动态的，我没有在 webgrid 中定义任何列。

我的问题是，如何链接特定列以打开弹出窗口？

请告诉我。

Answer 1

将一个类添加到您想要在单击时显示弹出窗口的项目（一个锚标记？）。因此，您的 HTML 可能会呈现为类似

<a href="user/details/12" class="aPopup">View details</a>

现在有一点 jQuery 代码来监听链接的点击事件并显示一个弹出窗口。您可以简单地调用window.open在新窗口中打开页面的方法或使用插件来显示模型弹出窗口。

$(function(){
  $("a.aPopup").click(function(e){
     e.preventDefault();

     var popupUrl=$(this).attr("href");

     //code to show popup here
     //window.open or model popup plugin call

  });    
});

那里有许多插件可以显示模型弹出窗口。查看jQuery UI 对话框。