Question

我创建了一个包含所需字段的弹出窗口，但突然间我遇到了很多问题。我管理员说我是一个关于jquery，mvc或css的新手，所以我无法发现问题所在。

最大的问题是div中提到的submin按钮什么都不做。他们根本没有工作。

我的div是：

<div id="filterPanel" title="Filter Options">
    @using (Html.BeginForm("Vehicle", "Home", new { id = "Id" }))
    {       
    <table>
                <tr>
                    <th>Search Criteria:</th>
                </tr>
                <tr>
                    <td>Model</td>
                    <td>
                        <input class="k-in" style="width: 100px; padding: 0; font-size: 0.9em;" type="text" id="model" name="model" value="@Model.Filter.Model"/>

                    </td>
                </tr>
                <tr>
                    <td>Status</td>
                    <td>
                        @{
            var statusItems = new List<SelectListItem>()
            {
                new SelectListItem
                {
                    Value="None",
                    Text="None",
                    Selected= Model.Filter.Status == "None" ? true : false
                },
                new SelectListItem
                {
                    Value="New",
                    Text="New",
                    Selected= Model.Filter.Status == "New" ? true : false
                }
            };
        }
        @Html.DropDownList("Status", statusItems, "-- Select --", new { @class = "k-dropdown", @style= "width: 120px;font-size: 0.9em; padding: 0;"})

                    </td>
                </tr>                      
                <tr>
                    <td><input class="k-button" style="font-size: 0.9em; color: #ff6a00; width: 100px" type="submit" name="filter" value="Filter" /></td>
                    <td><input class="k-button" style="font-size: 0.9em; color: #ff6a00; width: 100px" type="submit" name="filter" value="Remove Filter" onclick="ClearFilter()" /></td>
                </tr>
            </table>
    }
        </div>

第二个奇怪的问题是弹出电话本身。然后窗口出现，一切似乎都很好，片刻。然后我看到屏幕底部，我看到毕竟css风格，添加和空，白色空间。实际上，当我尝试调试它时，我看到了

<div class="ui-widget-overlay ui front"></div>

是在页脚之后放置的。据我所知，弹出窗口将其理解为...起点我猜...

最后一个......我该如何从弹出窗口调用其他脚本？我的意思是，我有datepicker，但是当我尝试在弹出窗口中添加它时，它已经起作用，但是如果没有弹出窗口，则datepicker窗口出现在可能是div本身的位置。在对话之外，在对话之外。

我的对话框：

$(document).ready(function () {
    $('#filterPanel').dialog({
        autoOpen: false,
        modal: true

    });

});

function OpenPanel() {
    $('#filterPanel').dialog("open");
}

请帮助我理解，我缺少什么？

MVC 4中的对话问题

0 个答案: