Question

我正在尝试在AJAX模式弹出窗口中使用ajaxToolkit：TabContainer。问题是我在Internet Explorer 8中遇到了一个javascript错误。它在Internet Explorer 9和Firefox中都有效！

htmlfile: Can't move focus to the control because it is invisible, not enabled, or of a type that does not accept the focus.

如果我默认显示模式弹出窗口，或者如果我删除了ajaxToolkit中的所有ajaxToolkit：TabPanel元素：TabContainer，则不会收到错误。

TabContainer上有一个选项以某种方式不设置焦点吗？

以下是一个可用于重现test.aspx

问题的示例

<asp:UpdatePanel ID="upSystem" runat="server" UpdateMode="Conditional">
    <ContentTemplate>
        <h2>Test</h2>

        <asp:Button ID="cmdPopup" runat="server" CssClass="button btn" Text="Neuen Eintrag erfassen" OnClick="CmdPopupOpen" />

            <asp:Panel ID="panList" runat="server"  CssClass="modalPopup" Width="500px">

                <asp:UpdatePanel ID="upDetail" runat="server" UpdateMode="Conditional">
                    <ContentTemplate>

                            <asp:UpdatePanel ID="upData" runat="server" UpdateMode="Conditional">
                                <ContentTemplate>
                                        <br />
                                        <div class="modal">
                                        <div id="divHeader" runat="server" class="modal-header"><h2 class="messageboxh2">Task Messages</h2></div>



                                        <div class="modal-body">
                                            <asp:Label ID="Label1" runat="server" Text="Task Typ: " />
                                            <asp:DropDownList ID="ddlTaskType" runat="server">

                                            </asp:DropDownList>
                                        <br /><br />
                                       <ajaxToolkit:TabContainer ID="tConNew" runat="server" Height="150px" 
                                              >
                                            <ajaxToolkit:TabPanel runat="server" ID="tPanInstant" HeaderText="Sofort" >
                                                <ContentTemplate>
                                                </ContentTemplate>

                                            </ajaxToolkit:TabPanel>

                                        </ajaxToolkit:TabContainer>
                                </ContentTemplate>
                            </asp:UpdatePanel>     
                        <div class="modal-footer">
                                <br/>
                                <asp:Button ID="cmdClose" runat="server" CssClass="btn" Text="Abbrechen" />
                                <asp:Button ID="cmdSave" runat="server" CssClass="btn" Text="Speichern" onclick="MpeSave" />
                        </div>
                        </div>
                    </ContentTemplate>
                </asp:UpdatePanel>
            </asp:Panel>


            <ajaxToolkit:ModalPopupExtender ID="mdlPopup" runat="server" 
                    TargetControlID="lblDummyUpload"
                    PopupControlId="panList" 
                    BackgroundCssClass="modalBackground" 
                    PopupDragHandleControlID="divHeader" 
                    RepositionMode="None" 
                    CancelControlID="cmdClose"
                     />

            <asp:Button id="lblDummyUpload" runat="server" style="display:none" />  


    </ContentTemplate>        
</asp:UpdatePanel>

和test.aspx.cs

 public partial class test : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }

    protected void MpeSave(object sender, EventArgs e)
    {
        mdlPopup.Hide();
    }

    protected void CmdPopupOpen(object sender, EventArgs e)
    {
        mdlPopup.Show();
    }
}

Answer 1

我可以通过使用旧版本的AJAX Control Toolkit“修复”此错误，如下所示：http://ajaxcontroltoolkit.codeplex.com/workitem/27051

Answer 2

如前所述，它是AjaxToolkit中的错误。最新版本的AjaxToolkit（2012年9月）没有修复此错误，因此请等待更新。

没有此错误的稳定AjaxToolkit版本是2011年7月。

模态弹出窗口中的TabContainer

2 个答案: