devexpress - Devexpress グリッドの問題

Question

editform テンプレートで devexpress グリッドを使用しています。編集ボタンをクリックすると、この編集フォームが表示されます。編集フォームには、フォームの下部に [更新] ボタンと [キャンセル] ボタンがあります。この編集フォームを開いたときに、キャンセル ボタンにフォーカスを設定したいと考えています。この編集フォームを開いたときに、更新/キャンセル ボタンのいずれかにフォーカスを設定することはできますか?

Answer 1

Edit Form のテンプレートを使用し、 Buttons の 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>