Làm cách nào để tạo liên kết cửa sổ bật lên trong ASP.NET MVC

Question

Cách tạo liên kết javascript trong asp.net mvc?

ví dụ:

<a href="javascript:poptastic('/examples/poppedexample.html');">Pop it</a> 

Tôi có thể sử dụng Html.ActionLink và cách thực hiện việc này không?

tôi có thể làm một cái gì đó như thế này:

<a href="javascript:poptastic('ItemDetail?ID=<%=item.ID%>');">Pop it</a> 

Nhưng tôi chỉ muốn tìm hiểu sẽ có một số giải pháp tốt hơn cho việc này?

Rất cám ơn.

Answer 1

Vâng, bạn có thể làm một cái gì đó như:

<%=Html.ActionLink(model.Title, "View", "PoppedView", new { Id = model.Id.ToString() }, new { target="_blank" })%> 

Answer 2

tôi sẽ xem xét làm điều này sử dụng jQuery UI và một hộp thoại thay vì một cửa sổ mới. Bạn có thể sử dụng trình xử lý mở để tải nội dung vào hộp thoại.

<%= Html.ActionLink("Pop It", 
        "ItemDetail", 
        "Item", 
        new { ID = model.ID }, 
        new { @class = "popup-link" }) %> 

<script type="text/javascript"> 
    $(function() { 
     $('.popup-link').click(function() { 
      var href = $(this).attr('href'); 
      $('<div><p class="popup-content"></p></div>').dialog({ 
       autoOpen: true, 
       modal: true, 
       height: 200, 
       width: 400, 
       open: function() { 
        $(this).find('.popup-content').load(href); 
       }, 
       close: function() { 
        $(this).dialog('destroy'); 
       } 
      }); 
      return false; 
     }); 
    }); 
</script>