_Layout样式未应用于弹出窗口中呈现的部分视图

时间:2011-12-13 13:16:19

标签: asp.net-mvc-3 jquery-ui jquery

我使用以下代码在弹出窗口中加载部分视图:

<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样式未应用于局部视图中的控件可以有人帮助我吗?

2 个答案:

答案 0 :(得分:1)

当局部加载到布局页面时,布局页面包含对局部视图使用的css的引用。

但是,从我在这里收集的内容(我的javascript不是那么好),您将部分直接加载到弹出窗口中而不使用布局页面?如果这是正确的,那么你的部分将不知道css。要纠正这个问题,您需要在部分顶部添加对css的引用。

答案 1 :(得分:0)

我的部分观点不以@Code开头,也不以“结束代码”结尾。尝试删除它们,然后查看它是否有效。