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:TabContainer 内のすべての ajaxToolkit:TabPanel 要素を削除すると、エラーは発生しません。
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();
}
}