Question

我有Bootstrap模态弹出窗口：

    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                 <button data-dismiss="modal" class="close"><span>&times;</span></button>
                <div class="modal-title"> Links </div>                  
            </div>
            <div class="modal-body">
               <ul>
                   <li>@Html.ActionLink("Links", "Links", "Home")</li>
               </ul>
            </div>                
        </div>
    </div>

当我点击链接时，我希望将弹出内容更改为操作结果。

我该怎么办？

谢谢。

Answer 1

您无法使用ActionLink执行此操作。您可以使用如下按钮：

Stereo-Vision.exe

然后您可以简单地将html内容写入js端的模型内容，如下所示：

<pre>
    <input type="button" id="btnChange" />
</pre>

Answer 2

在此，你可以借助javascript来显示特定动作的div。例如

    <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                     <button data-dismiss="modal" class="close"><span>&times;</span></button>
                    <div class="modal-title"> Links </div>                  
                </div>
                <div class="modal-body">
              <div id="dvFirst">
                 /*Your first Content*/
              </div>
             <div id="dvSecond">
                 /*Your first Content*/
             </div>
                </div>                
            </div>
        </div>

Your java-script should be like below;

<script>
 function SetPopup(id) {
if(id == "First")
{
$('#dvFirst').show();
$('#dvSecond').hide();
        $("#myModal").modal();
       }
else
{
$('#dvFirst').hide();
$('#dvSecond').show();
 $("#myModal").modal();
}

    }
</script>

从您的点击事件中调用此javascript函数。

如何更改Popup Content ASP.NET MVC

2 个答案: