AjaxToolkit ModalPopupExtender: Comment définir le focus à un contrôle dans le menu contextuel du Panneau?

Lorsque l'utilisateur appuie sur le Bouton, je voudrais afficher une boîte de dialogue modale à la capture d'un couple de valeurs à partir des zones de texte et de soumettre ces valeurs pour le serveur.

Lors de la modal box est montré, j'aimerais que le curseur est placé dans le txtFirst zone de texte.

Comment dois-je faire? J'ai eu du mal avec registerscript commandes avant, si l'on est nécessaire, je l'espère, la syntaxe, si vous l'offrir, est correcte.

Grâce

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="MyModalSimple.aspx.vb" Inherits="MyModalSimple" %>
<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="cc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript">
function onOk() {            
form1.submit();
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:Button ID="Button1" runat="server" Text="Button" />
<cc1:modalpopupextender id="Button1_ModalPopupExtender" runat="server" targetcontrolid="Button1"
popupcontrolid="pnlModal" okcontrolid="btnOK" cancelcontrolid="btnCancel"   DropShadow="true"  OnOkScript="onOk();">
</cc1:modalpopupextender>
<asp:Panel ID="pnlModal" runat="server" Style="display: None1" 
BackColor="#CCCCCC">
<br />
<table>
<tr>
<td>
<asp:Label ID="lblFirst" runat="server" Text="First"></asp:Label>
</td>
<td>
<asp:TextBox ID="txtFirst" runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td>
<asp:Label ID="lblLast" runat="server" Text="Last"></asp:Label>
</td>
<td>
<asp:TextBox ID="txtLast" runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td>
&nbsp;
</td>
<td align="right">
<asp:Button ID="btnOK" runat="server" Text="OK" />
<asp:Button ID="btnCancel" runat="server" Text="Cancel" />
</td>
</tr>
</table>
<br />
<br />
</asp:Panel>
</div>
</form>
</body>
</html>

Aussi, comment pourrais-je changer le code ci-dessus, de sorte que la boîte de dialogue modale est affichée en tant que résultat d'un sélection d'une dropdownlist article? Si j'ai mis le targetcontrolid="DropDownList1", la boîte de dialogue d'affichage quand il descend plutôt que lorsqu'une sélection est faite

OriginalL'auteur ChadD | 2010-01-07

  1. 2

    Un exemple peut être trouvé ici. En essence, vous êtes à l'aide de javascript.

    Merci. Je vais poster mon 2ème partie de la question séparément

    OriginalL'auteur AboutDev

  2. 1

    Je sais que cela a déjà été répondu, mais voici un code plus facile:

    C#:

    ScriptManager.RegisterStartupScript(this, this.GetType(), "FocusScript", "setTimeout(function(){$get('" + btnOk.ClientID + "').focus();}, 100);", true);

    VB:

    ScriptManager.RegisterStartupScript(Me, Me.[GetType](), "FocusScript", "setTimeout(function(){$get('" + btnOk.ClientID + "').focus();}, 100);", True)

    OriginalL'auteur Gabriele Cozzolino

  3. 0

    Supprimer Style="display: None1" à partir du panneau

    OriginalL'auteur user4514937