Question

我正在使用带有editform模板的devexpress网格。当我单击编辑按钮时，将显示此编辑表单。编辑表单在表单底部有一个“更新”和“取消”按钮。我想在打开此编辑表单时将焦点设置在取消按钮上。打开此编辑表单时，是否可以将焦点设置在更新/取消按钮上？

Answer 1

您可以使用模板编辑表单并指定按钮的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>

Answer 2

请使用ASPxGridView内联编辑＆＃34; Tab键顺序＆＃34;中描述的方法。报告。

http://www.devexpress.com/Support/Center/Question/Details/Q218510

如果您将自己的编辑器放在EditForm模板中，请根据您的要求设置每个编辑器的TabIndex属性。

Devexpress Grid的问题

2 个答案: