如何更改弹出内容 ASP.NET MVC

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 做到这一点。你可以使用如下按钮：

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

然后您可以简单地编写 html 内容以在 js 端对内容进行建模，如下所示：

$(".modal-body").html("yeni içerik");

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 函数。