尝试在单击 mvc 中的文本时打开弹出窗口



我'想使给定的链接(<td> @Html.DisplayFor(model => item.Status) </td>)成为MVC中的超链接,其中数据动态来自数据库。并且单击此文本时,应打开一个弹出窗口。任何想法将不胜感激。

您无法通过单击 @html.displayfor 打开弹出窗口,但您可以使用此方法打开弹出窗口。

把@Html.显示对象(模型=>项。状态)在"div"或"span"中,并给他们唯一的ID

Eaxmple:

$(document).ready(function(){
    $("#displayfor").click(function(){
       alert('message !..or use can use popup here');
    });
  
   $("#span").click(function(){
        alert('message !..or use can use popup here');
    });
});
<html>
  
  <head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  </head>
    <div id="displayfor">
  <h5>Click on <br>
    "@Html.DisplayFor(model => item.Status)" </h5>
     </div>
  
  <br>
  <br>
  <span id="span">
   <h5>Click on  <br>
     "@Html.DisplayFor(model => item.Status)" </h5> 
  
  </span>
  
  
  </html>

最新更新