2012-11-25 86 views
0

我正在使用帶有editform模板的devexpress網格。當我點擊編輯按鈕時,顯示這個編輯表單。編輯表單在表單底部有一個更新和取消按鈕。編輯表單打開時,我想將焦點設置爲取消按鈕。這個編輯表單打開時,是否可以將焦點設置在更新/取消按鈕上?Devexpress Grid的問題

回答

0

您可以使用模板編輯表格,並指定tabIndex屬性爲按鈕:

我重視你的參考樣本的例子。

如果有任何問題,隨時問。

<Templates> 
             <EditForm> 
              <table style="width: 100%"> 
               <tr> 
                <td align="right"> 
                 <dx:ContentControl ID="ContentControl" runat="server" SupportsDisabledAttribute="True"> 
                  <dx:ASPxGridViewTemplateReplacement runat="server" ID="Editors" ReplacementType="EditFormEditors" /> 
                 </dx:ContentControl> 
                 <table style="width: 100%;"> 
                  <tr> 
                   <td align="right" style="padding-right: 20px"> 
                    <table> 
                     <tr>                  
                      <td> 
                       <dx:ASPxButton ID="btnUpdate" runat="server" CssFilePath="~/App_Themes/Office2010Blue/{0}/styles.css" TabIndex="0" 
                        AccessKey="S" AutoPostBack="False" Text="Update" Width="60px" ClientSideEvents-Click='<%# "function(s, e) { " + Container.UpdateAction + " }" %>' 
                        CssPostfix="Office2010Blue" SpriteCssFilePath="~/App_Themes/Office2010Blue/{0}/sprite.css" >                     
                       </dx:ASPxButton> 
                      </td> 
                      <td> 
                       <dx:ASPxButton ID="btnCancel" runat="server" CssFilePath="~/App_Themes/Office2010Blue/{0}/styles.css" TabIndex="1" 
                        AutoPostBack="False" Text="Cancel" Width="60px" ClientSideEvents-Click='<%# "function(s, e) { " + Container.CancelAction + " }" %>' 
                        CssPostfix="Office2010Blue" SpriteCssFilePath="~/App_Themes/Office2010Blue/{0}/sprite.css"> 
                       </dx:ASPxButton> 
                      </td> 
                     </tr> 
                    </table> 
                   </td> 
                  </tr> 
                 </table> 
                </td> 
               </tr> 
              </table> 
             </EditForm> 
            </Templates>