我怎樣才能讓圖像按鈕得到選擇默認

我已經做了pop-up使用Ajax ModalPopupExtender的程序，其中我將顯示一個彈出與兩個圖像按鈕即YES和NO。現在我想要的是當pop-up被打開我想使YESImage button得到選擇，並且當用戶按EnterYES它應該採取相應的行動。如果用戶按NO我想取消和關閉彈出..我怎樣才能讓圖像按鈕得到選擇默認

這是我設計的

<asp:UpdatePanel ID="updatepnl1" runat="server"> 
<ContentTemplate> 
<asp:GridView runat="server" ID="gvDetails" CssClass="Gridview" DataKeyNames="UserId" 
AutoGenerateColumns="false"> 
<HeaderStyle BackColor="#df5015" /> 
<Columns> 
<asp:TemplateField HeaderStyle-BackColor="#EFF1F1" ItemStyle-HorizontalAlign="Center" 
ItemStyle-Height="25" HeaderStyle-Width="50" ItemStyle-Width="50" HeaderStyle-Font-Bold="true"> 
<ItemTemplate> 
    <asp:CheckBox ID="chkBoxChild" runat="server" /> 
</ItemTemplate> 
</asp:TemplateField> 
      <asp:BoundField DataField="UserName" HeaderText="UserName" /> 
      <asp:BoundField DataField="FirstName" HeaderText="FirstName" /> 
     <asp:BoundField DataField="LastName" HeaderText="LastName" /> 
    <asp:TemplateField> 
     <ItemTemplate> 
     <asp:ImageButton ID="btnDelete" ImageUrl="~/Images/Delete.png" runat="server" OnClick="btnDelete_Click" /> 
         </ItemTemplate> 
        </asp:TemplateField> 
       </Columns> 
      </asp:GridView> 
      <asp:Label ID="lblresult" runat="server" /> 
      <asp:Button ID="btnShowPopup" runat="server" Style="display: none" /> 
      <ajax:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="btnShowPopup" 
       PopupControlID="pnlpopup" CancelControlID="btnNo" BackgroundCssClass="modalBackground"> 
      </ajax:ModalPopupExtender> 
      <asp:Panel ID="pnlpopup" runat="server" BackColor="White" Height="100px" Width="400px" 
       Style="display: none"> 
       <table width="100%" style="border: Solid 2px #999; width: 100%; height: 100%" cellpadding="0" 
        cellspacing="0"> 
        <tr style="background-image: url(Images/title.gif)"> 
         <td style="height: 10%; color: Black; padding: 2px; font-size: larger; font-family: Arial" 
          align="center"> 
          Confirm Box 
         </td> 
         <td style="color: White; font-weight: bold; padding: 3px; font-size: larger" align="Right"> 
          <a href="javascript:void(0)" onclick="closepopup()"> 
           <img src="Images/x.png" style="border: 0px" align="right" /></a> 
         </td> 
        </tr> 
        <tr> 
         <td colspan="2" align="left" style="padding: 5px; font-family: Calibri"> 
          <asp:Label ID="lblUser" runat="server" /> 
         </td> 
        </tr> 
        <tr> 
         <td align="right" style="padding-right: 15px"> 
          <asp:ImageButton ID="btnYes" OnClick="btnYes_Click" runat="server" ImageUrl="~/Images/btnyes.jpg" /> 
          <asp:ImageButton ID="btnNo" runat="server" ImageUrl="~/Images/btnNo.jpg" /> 
         </td> 
        </tr> 
       </table> 
      </asp:Panel> 
     </ContentTemplate> 
    </asp:UpdatePanel>

enter image description here

對於第二個我得到這個，可以正常使用任何一個可以給我解決方案Enter

function pageLoad(sender, args) { 
      if (!args.get_isPartialLoad()) { 
       // add our handler to the document's 
       // keydown event 
       $addHandler(document, "keydown", onKeyDown); 
      } 
     } 

     function onKeyDown(e) { 
      if (e && e.keyCode == Sys.UI.Key.esc) { 
       // if the key pressed is the escape key, dismiss the dialog 
       $find('ModalPopupExtender1').hide(); 
      } 
     }

來源

2012-01-07 Dotnet

畢竟我得到下面的腳本

<script type="text/javascript"> 

    function pageLoad(sender, args) { 
     $find('ModalPopupExtender1').add_shown(OnModalPopup); 
     if (!args.get_isPartialLoad()) { 
      // add our handler to the document's 
      // keydown event 
      $addHandler(document, "keydown", onKeyDown); 

     } 
    } 

    function onKeyDown(e) { 
     if (e && e.keyCode == Sys.UI.Key.esc) { 
      // if the key pressed is the escape key, dismiss the dialog 
      $find('ModalPopupExtender1').hide(); 
     } 
    } 
    function OnModalPopup(e) { 
     $get('<%= btnYes.ClientID %>').focus(); 
    } 

</script>

來源

2012-01-07 04:33:14 Dotnet

面板控件允許您定義一個默認按鈕它的內容：

<asp:Panel ID="pnlpopup" runat="server" DefaultButton="btnYes">

來源

2012-01-07 03:18:33 digitalmarks

這並沒有讓我'圖像解決方案Button'得到選擇 – Dotnet 2012-01-07 03:20:43

我怎樣才能讓圖像按鈕得到選擇默認

回答

相關問題