我使用以下代码在弹出窗口中加载部分视图:
<div id="Mydiv" title="Modify" class="ModifyRule" style="overflow: hidden" />
<script type="text/javascript">
$(document).ready(function () {
//define config object
var dialogOpts = {
title: "Modify Rule",
modal: true,
autoOpen: false,
height: 300,
width: 700,
open: function () {
//display correct dialog content
$("#Mydiv").load("Modify", { SelectedRow: $('#MyParam').val() });
}
};
$("#Mydiv").dialog(dialogOpts); //end dialog
$('#Modify').click(
function () {
$("#Mydiv").dialog("open");
return false;
}
);
});
</script>
以下是部分视图中的代码:
@Code
Using (Html.BeginForm())
@<div id="Master">
<table>
<tr>
<td>
@Html.LabelFor(Function(model) model.InputAuthorityGridDetail.TcmAccount)
</td>
<td>@Html.EditorFor(Function(model) model.InputAuthorityGridDetail.TcmAccount)
</td>
<td>
@Html.LabelFor(Function(model) model.InputAuthorityGridDetail.Amount)
</td>
<td>@Html.EditorFor(Function(model) model.InputAuthorityGridDetail.Amount)
</td>
</tr>
<tr align="right">
<td>
<input name="button" type="submit" value="Save" class="btn" />
</td>
</tr>
</table>
</div>
End Using
End Code
控制器方法修改返回一个名为_Modify的局部视图,该视图在弹出窗口中正确呈现,但我注意到CSS样式未应用于局部视图中的控件可以有人帮助我吗?
答案 0 :(得分:1)
当局部加载到布局页面时,布局页面包含对局部视图使用的css的引用。
但是,从我在这里收集的内容(我的javascript不是那么好),您将部分直接加载到弹出窗口中而不使用布局页面?如果这是正确的,那么你的部分将不知道css。要纠正这个问题,您需要在部分顶部添加对css的引用。
答案 1 :(得分:0)
我的部分观点不以@Code开头,也不以“结束代码”结尾。尝试删除它们,然后查看它是否有效。