已部署ModalPopupExtender,可在FF和Chrome而非IE11中工作

本文关键字:而非 Chrome IE11 工作 FF 部署 ModalPopupExtender 可在 | 更新日期: 2023-09-27 17:57:44

我有以下页面:

    <%@ Page Title="" Language="C#" MasterPageFile="~/Master1.Master" AutoEventWireup="true" CodeBehind="approval.aspx.cs" Inherits="TimeEntry.approval" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentSubHeader" runat="server">
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="Body" runat="server">
  <%--  <script type="text/javascript">

        function pageLoad() {
            var mpe = $find("MPE");
            mpe.add_shown(onShown);
        }
        function onShown() {
            var background = $find("MPE")._backgroundElement;
            background.onclick = function () { $find("MPE").hide(); }
        }
    </script>--%>

    <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
            <asp:DropDownList ID="ddlUser" runat="server" OnSelectedIndexChanged="ddlUser_SelectedIndexChanged" AutoPostBack="true">
                <asp:ListItem Text="Joseph" Value="3" Selected="True" />
                <asp:ListItem Text="Todd" Value="4" />
            </asp:DropDownList>
    <asp:DropDownList ID="ddlPeriod" runat="server" OnSelectedIndexChanged="ddlPeriod_SelectedIndexChanged" OnDataBound="ddlPeriod_DataBound" AutoPostBack="true"></asp:DropDownList>
            <asp:GridView ID="grdApproval" OnRowDataBound="grdApproval_RowDataBound" runat="server" AutoGenerateColumns="false" OnSelectedIndexChanged="grdApproval_SelectedIndexChanged">
                <Columns>
                    <asp:BoundField HeaderText="TimesheetHeaderID" DataField="TimesheetHeaderID" HeaderStyle-CssClass="hide" FooterStyle-CssClass="hide" ItemStyle-CssClass="hide" />
                    <asp:BoundField HeaderText="EmployeeID" DataField="EmployeeID" HeaderStyle-CssClass="hide" FooterStyle-CssClass="hide" ItemStyle-CssClass="hide" />
                    <asp:TemplateField HeaderText="" HeaderStyle-CssClass="GridHeader" ItemStyle-CssClass="GridItem">
                        <ItemTemplate>
                            <asp:LinkButton ID="lnkViewDetail" runat="server" OnClick="grdApproval_SelectedIndexChanged">View Detail</asp:LinkButton>
                        </ItemTemplate>
                    </asp:TemplateField>
                    <asp:BoundField HeaderText="Employee" DataField="EmpName" HeaderStyle-CssClass="GridHeader" ItemStyle-CssClass="GridItem" />
                    <asp:BoundField HeaderText="Approval Status" DataField="ApprovalStatusID" HeaderStyle-CssClass="GridHeader" ItemStyle-CssClass="GridItem" />
                    <asp:BoundField HeaderText="Cost Code" DataField="CostCodeID" HeaderStyle-CssClass="GridHeader" ItemStyle-CssClass="GridItem" />
                    <asp:BoundField HeaderText="REG TIME" DataField="REGTime" HeaderStyle-CssClass="GridHeader" ItemStyle-CssClass="GridItem" />
                    <asp:BoundField HeaderText="PTO" DataField="PTO" HeaderStyle-CssClass="GridHeader" ItemStyle-CssClass="GridItem" />
                    <asp:TemplateField HeaderText="Action" HeaderStyle-CssClass="GridHeader" ItemStyle-CssClass="GridItem">
                        <ItemTemplate>
                            <asp:LinkButton ID="btnApprove" runat="server" OnClick="grdApproval_SelectedIndexChanged">Approve</asp:LinkButton>
                            <asp:LinkButton ID="btnReject" runat="server" OnClick="grdApproval_SelectedIndexChanged">Reject</asp:LinkButton>
                        </ItemTemplate>
                    </asp:TemplateField>
                </Columns>
            </asp:GridView>
            <asp:Button ID="btnApproveAll" runat="server" Text="Button" OnClick="btnApproveAll_Click" />
            <asp:Button ID="btnfake" runat="server" Text="Button" CssClass="hide" />
            <asp:Button ID="btnfake2" runat="server" Text="Button" CssClass="hide" />
            <ajaxToolkit:ModalPopupExtender ID="PopUp" BehaviorID="MPE" runat="server" PopupControlID="pnlDetails" TargetControlID="btnfake" BackgroundCssClass="modalBackground"></ajaxToolkit:ModalPopupExtender>
            <asp:Panel runat="server" ID="pnlDetails" CssClass="modalPopup">
                <div>
                    <asp:GridView ID="grdTimecardDetails" runat="server" AutoGenerateColumns="False">
                        <Columns>
                            <asp:BoundField HeaderText="Pay Type" DataField="PayTypeDescription" HeaderStyle-CssClass="GridHeader" ItemStyle-CssClass="GridItem" />
                            <asp:BoundField HeaderText="BusinessUnit" DataField="BusinessUnitID" HeaderStyle-CssClass="GridHeader" ItemStyle-CssClass="GridItem" />
                            <asp:BoundField HeaderText="CostCode" DataField="CostCodeID" HeaderStyle-CssClass="GridHeader" ItemStyle-CssClass="GridItem" />
                            <asp:BoundField HeaderText="Workorder" DataField="WorkorderID" HeaderStyle-CssClass="GridHeader" ItemStyle-CssClass="GridItem" />
                            <asp:BoundField HeaderText="SUN" DataField="Day1" HeaderStyle-CssClass="GridHeader" ItemStyle-CssClass="GridItem" />
                            <asp:BoundField HeaderText="MON" DataField="Day2" HeaderStyle-CssClass="GridHeader" ItemStyle-CssClass="GridItem" />
                            <asp:BoundField HeaderText="TUE" DataField="Day3" HeaderStyle-CssClass="GridHeader" ItemStyle-CssClass="GridItem" />
                            <asp:BoundField HeaderText="WED" DataField="Day4" HeaderStyle-CssClass="GridHeader" ItemStyle-CssClass="GridItem" />
                            <asp:BoundField HeaderText="THU" DataField="Day5" HeaderStyle-CssClass="GridHeader" ItemStyle-CssClass="GridItem" />
                            <asp:BoundField HeaderText="FRI" DataField="Day6" HeaderStyle-CssClass="GridHeader" ItemStyle-CssClass="GridItem" />
                            <asp:BoundField HeaderText="SAT" DataField="Day7" HeaderStyle-CssClass="GridHeader" ItemStyle-CssClass="GridItem" />
                            <asp:BoundField HeaderText="Total" DataField="TotalHours" HeaderStyle-CssClass="GridHeader" ItemStyle-CssClass="GridItem" />
                        </Columns>
                    </asp:GridView>
                </div>
            </asp:Panel>
            <ajaxToolkit:ModalPopupExtender ID="PopUpReject" PopupControlID="pnlReject" CancelControlID="btnCancel" TargetControlID="btnFake2" BackgroundCssClass="modalBackground"  runat="server"></ajaxToolkit:ModalPopupExtender>
            <asp:Panel ID="pnlReject" runat="server" CssClass="modalPopup">
                <div>
                    Reject Reason
                </div>
                <div>
                    <asp:TextBox ID="txtReject" runat="server"  TextMode="MultiLine" Rows="6" Height="148px" Width="381px"></asp:TextBox>
                </div>
                <asp:Button ID="btnOK" runat="server" Text="Reject" OnClick="btnOK_Click" />
                <asp:Button ID="btnCancel" runat="server" Text="Cancel" />
            </asp:Panel>
        </ContentTemplate>
    </asp:UpdatePanel>
</asp:Content>

在Visual Studio中,所有浏览器都可以正常工作。当部署到IIS 8.5时,该页面在FireFox和Chrome中运行良好,而不是IE11,这是一个要求。

当我在IE调试中运行它时,它会抛出两个错误:

  1. SCRIPT87:参数无效-文件ScriptResource.axd,(13330)
  2. 无法设置未定义或null引用的属性actControlType-File ScriptResource.axd,(13330)

如果有更多的信息可以帮助,请告诉我。

已部署ModalPopupExtender,可在FF和Chrome而非IE11中工作

将站点添加到用户的可信站点解决了此问题。