Bootstrap 模態對話框 remote指定內容加載

第一個頁面：

.....其他內容.....

<div class="modal" id="ID_ReformDetail">
    <div class="modal-dialog" style="width:500px;">
        <div class="modal-content">
          
        </div>
    </div>
</div>

.....其他內容.....

 

第二個頁面：

@model NJYM.JSYTHSE.Web.UI.Models.KSQuestionTypeModel

<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
    <h4 class="modal-title">模態彈出窗標題</h4>
</div>
<div class="modal-body">
    <form id="ff" method="post" style="text-align:center;">
        <table class="table table-bordered">
            <tr style="display:none;">
                <td>父功能點編碼:</td>
                <td><input class="textbox-icon-readonly" style="color: #B2B2A6;" value="@Model.Pid" type="text" readonly="readonly" name="Pid" /></td>
            </tr>
            <tr>
                <td>父功能點名稱:</td>
                <td><input class="textbox-icon-readonly" type="text" value="@Model.ParentName" name="ParentName" id="ParentNameid" /></td>
            </tr>
            <tr>
                <td>功能點編碼:</td>
                <td>
                    <input class="textbox-icon-readonly" type="text" value="@Model.Id" readonly="readonly" id="FunctionCodeid" name="FunctionCode" />

                </td>
            </tr>
            <tr>
                <td>功能點名稱:</td>
                <td><input class="easyui-validatebox" value="@Model.Name" data-options="required:true,validType:'length[0,50]'" name="FunctionName" type="text" /></td>
            </tr>
            <tr style="height:10px;"></tr>
            <tr>
                <td colspan="2" style="text-align:center;">
                    <a href="javascript:void(0)" class="easyui-linkbutton" style="background:#c52034;width:80px;color:white" data-options="iconCls:''" onclick="submitForm(this)">保存</a>&nbsp;
                    <a href="javascript:void(0)" class="easyui-linkbutton" style="background:#e47b00;width:80px;color:white" data-options="iconCls:''" onclick="clearForm()">關閉</a>
                </td>
            </tr>
        </table>
    </form>
</div>
<div class="modal-footer">
    <button type="button" class="btn btn-default btn-sm" data-dismiss="modal">關閉</button>
</div>

 

把第二個頁面加載到第一個頁面中

<div class="modal" id="ID_ReformDetail">
    <div class="modal-dialog" style="width:500px;">
        <div class="modal-content">
          
        </div>
    </div>
</div>


//新增
    function Add() {

        $('#ID_ReformDetail').modal({
            backdrop: 'static', 
            keyboard: false,
            remote: '/KSQuestionType/FunctionDetail'
        });
 
    }

//最終是把頁面內容放到 modal-content 屬性中