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

在项目中添加一个类（achor标签？），在单击该项时要显示一个弹出窗口。因此，您的HTML可能会呈现为

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

现在有一些jQuery代码来监听链接的click事件并显示一个弹出窗口。您可以简单地调用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 dialog。

如何打开一个弹出窗口，MVC webgrid，动态列

1 个答案: