1

我试图让一个 JQueryUI (1.8.23) 对话框在 ASP.NET MVC 视图上工作。我已将对话框指定为“autoOpen：false”，并在对话框上指定了一些按钮。

第一个问题是对话框似乎不尊重“autoOpen：false”声明，并且总是在页面加载时打开。第二个问题是我指定的按钮不显示；当我从页面上的链接打开对话框或在页面加载时打开对话框时。

我设置对话框的 Javascript 是：

        $(function() {
        var actionUrl = "";

        var passReason = $("#passReason"),
        allFields = $([]).add(passReason);

        $("#pass-dialog").dialog({
            autoOpen: false,
            height: 100,
            width: 300,
            modal: true,
            buttons: {
                "Pass": function() {
                    actionUrl = actionUrl.replace('COMMENT', escape(passReason.combobox('getValue')));
                    document.location = actionUrl;
                    $(this).dialog("close");
                },
                "Cancel": function() {
                    $(this).dialog("close");
                }
            },
            close: function() {
                $(this).dialog("close");
            }
        });


        $(function() {
            $("#passReason").combobox({
                url: '<%= Url.Action("GetOverrideReasonCodes", "Statistics") %>',
                valueField: 'code',
                textField: 'description',
                method: 'GET',
                mode: 'remote'
            });
        });
    });

    function getManagerComment(jobId, routeId, crisId) {
        actionUrl = '<%= Url.Action("ManualCompleteSegment", "Statistics", new RouteValueDictionary{{"jobId", "JOBID"}, {"routeId", "ROUTEID"}, {"crisId", "CRISID"}, {"comment", "COMMENT"} }) %>';
        actionUrl = actionUrl.replace('JOBID', jobId);
        actionUrl = actionUrl.replace('ROUTEID', routeId);
        actionUrl = actionUrl.replace('CRISID', crisId);

        $("#pass-dialog").dialog("open");
    }

    function getManagerRouteComment(jobId, routeId) {
        actionUrl = '<%= Url.Action("ManualCompleteRoute", "Statistics", new RouteValueDictionary{{"jobId", "JOBID"}, {"routeId", "ROUTEID"}, {"comment", "COMMENT"} }) %>';
        actionUrl = actionUrl.replace('JOBID', jobId);
        actionUrl = actionUrl.replace('ROUTEID', routeId);

        $("#pass-dialog").dialog("open");
    }

代表我的对话内容的是：

    <div id="pass-dialog" title="Enter Pass Reason">
    <form>
    <fieldset>
        <label for="passReason">Pass Reason: </label>
        <input id="passReason" name="passReason" class="easyui-combobox" />
    </fieldset>
    </form>
</div>

我在发出的 HTML 下方。

有什么建议么？

谢谢，马修

4

1 回答 1

1

发现 jQueryUI 和“EasyUI”CSS 文件之间存在冲突。一旦我从等式中删除 EasyUI 并进入我的下拉列表的更多手动填充，一切都按预期工作。

于 2012-09-07T17:28:26.377 回答