When bootstrap loads the iframe page in the MVC modal box for editing, bootstrapmvc
Front-end code
<Div class = "modal fade" id = "myModal" tabindex = "-1" role = "dialog"
Aria-labelledby = "myModalLabel" aria-hidden = "true">
<Div class = "modal-dialog" style = "width: 830px;">
<Div class = "modal-content">
<Div class = "modal-header">
<Button type = "button" class = "close" data-dismiss = "modal" aria-hidden = "true"> × </button>
<H4 class = "modal-title"> Edit information </Div>
<Div class = "modal-body">
// The src path should be noted here. Do not use the ajax callback function when selecting and editing. Otherwise, a page loading error will be reported.
<Iframe id = "NoPermissioniframe" width = "100%" height = "70%" frameborder = "0"> </iframe>
</Div>
<Div class = "modal-footer">
@ * <Button type = "button" class = "btn-default" data-dismiss = "modal"> Close </button>
<Button type = "button" class = "btn-primary"> Save changes </button> *@
</Div>
</Div> <! --/. Modal-content -->
</Div> <! --/. Modal-dialog -->
</Div> <! --/. Modal --->
JS Code
Var frameSrc = "/SysLog/EidtBtnByUsers"
// Add the src path to iframe
$ ("# NoPermissioniframe"). attr ("src", frameSrc );
// The modal box is displayed only when the row selected for editing is selected and the callback function is successful.
$ ('# Mymodal'). modal ({show: true, backdrop: 'static '})