Bootstrap模態框（MVC）

BZ這篇博客主要是為大家介紹一下MVC如何彈出模態框。本文如果有什么不對的地方，希望大神們多多指教，也希望和我一樣的小菜多多學習。BZ在這里謝過各位。

首先要在頁面加上一個點擊事件： 

@Html.ActionLink("預覽","",null, new { onclick = "dianji('" + item.TypeCode + "')" });

接下來我們需要寫一段JS：

<script type="text/javascript">
        function dianji(obj)
        {
            debugger;
            window.showModalDialog("/Type/May?TypeCode="+obj,null,"dialogWidth:400px;dialogHeight:500px;status:no;help:no;resizable:yes;");
        }
    </script>

PS:BZ寫的是帶有參數的事件，其中showModalDialog有三個參數，第一個是URL，第二個是要往模態框穿的數據（如果沒有要傳的參數就寫為null，否則會影響第三參數的正常顯示），第三個是所彈出的模態框的樣式。

之后就是我們的模態框，需要兩個引用文件：

<script src="http://libs.useso.com/js/jquery/2.1.1/jquery.min.js"></script>
    <script src="~/Content/View/js/bootstrap-treeview.js"></script>
    <script type="text/javascript">
        $('#myModal').on('shown.bs.modal', function () {
            $('#myInput').focus();
        })
</script>

BZ所說的模態框是根據Bootstrap框架提供的！！！

附上Bootstrap模態框Modal插件地址：http://www.runoob.com/bootstrap/bootstrap-modal-plugin.html

非常感謝各位觀看本博客，BZ希望和更多的小菜一起成長，同樣也希望大神們提出建議。如果有不足之處還望各位不吝賜教！再次感謝各位！