Intersoft Community - WebGrid Enterprise - Want to tab out of edited row into next row

Want to tab out of edited row into next row

bbucher — Wed, 05 Oct 2011 06:59:46 GMT

Fabulous, thank you! I wasn't overly attached to the CellClickAction ="CellSelect" bit so I removed that & it works like expected. Many thanks! Beryl

Want to tab out of edited row into next row

hendrik — Wed, 05 Oct 2011 05:54:59 GMT

Hi,
As default, when the user tabbed out from the last column, it would move into first column in next row. However, if the first row is not editable, it would go to second cell.

In your scenario, this could not work because you were using CellSelect as your CellClickAction.

To meet your expectation, you can do it by follow the steps below.

Use OnEditKeyDown clientside event. In this event, validate if it is the last column or not.
Check the tab key. To recognize Tab key in OnEditKeyDown event, you would need to use event.KeyCode.
When tab is recognized, simple call method to select next row and edit to second column.

Hope my sample can help.

regards,

Hendrik

Want to tab out of edited row into next row

hendrik — Wed, 05 Oct 2011 05:54:19 GMT

Use OnEditKeyDown clientside event. In this event, validate if it is the last column or not.
Check the tab key. To recognize Tab key in OnEditKeyDown event, you would need to use event.KeyCode.
When tab is recognized, simple call method to select next row and edit to second column.

Hope my sample can help.

regards,

Hendrik

Want to tab out of edited row into next row

hendrik — Wed, 05 Oct 2011 05:53:48 GMT

Use OnEditKeyDown clientside event. In this event, validate if it is the last column or not.
Check the tab key. To recognize Tab key in OnEditKeyDown event, you would need to use event.KeyCode.
When tab is recognized, simple call method to select next row and edit to second column.

Hope my sample can help.

regards,

Hendrik

Want to tab out of edited row into next row

hendrik — Wed, 05 Oct 2011 05:53:05 GMT

Use OnEditKeyDown clientside event. In this event, validate if it is the last column or not.
Check the tab key. To recognize Tab key in OnEditKeyDown event, you would need to use event.KeyCode.
When tab is recognized, simple call method to select next row and edit to second column.

Hope my sample can help.

regards,

Hendrik

Want to tab out of edited row into next row

bbucher — Tue, 04 Oct 2011 14:07:27 GMT

Hi! This is the first time I'm trying this. I have a simple grid where the first column is not editable. After the user tabs out of the last column, I want the row to update the database (that happens just fine) and then progress to the second column of the next row. However, the system is staying in the last column; tab just stays stuck.

    <ISWebGrid:WebGrid ID="wgDeposits" runat="server" DataSourceID="SqlDataJournal" 
            DefaultStyleMode="Silver" UseDefaultStyle="True" 
        Width="100%"         
        oninitializerow="wgDeposits_InitializeRow" 
         >
        <LayoutSettings AllowEdit="Yes" 
            HeaderWrapDefault="True" AllowSorting="Yes" CellClickAction="CellSelect" 
            EditOnClick="True" AutoHeight="True" AutoFitColumns="True" 
            FilterBarVisible="False" RowHeaders="Default" StatusBarVisible="False" >
        </LayoutSettings>
        <RootTable DataKeyField="JournalDate">
            <Columns>
                <ISWebGrid:WebGridColumn Caption="Journal Date" DataMember="JournalDate" 
                    Name="JournalDate" Width="100px" 
                    EditType="NoEdit" 
                    DataType="System.DateTime">
                </ISWebGrid:WebGridColumn>
                <ISWebGrid:WebGridColumn Caption="Total Receipts" DataMember="TotalReceipts" 
                    DataType="System.Decimal" Name="TotalReceipts" Width="100px" 
                    >
                </ISWebGrid:WebGridColumn>
                <ISWebGrid:WebGridColumn Caption="CC Transactions" DataMember="CCTransactions" 
                    DataType="System.Decimal" Name="CCTransactions" Width="100px">
                </ISWebGrid:WebGridColumn>
                <ISWebGrid:WebGridColumn Caption="Bank Deposit As Per Journal" 
                    EditType="NoEdit" DataType="System.Decimal" 
                    Name="BankDepositPerJournal" Width="100px">
                    <CellStyle BackColor="Gray">
                    </CellStyle>
                </ISWebGrid:WebGridColumn>
                <ISWebGrid:WebGridColumn Caption="Actual Amount In Bag" 
                    DataMember="ActualAmountInBag" DataType="System.Decimal" 
                    Name="ActualAmountInBag" Width="100px">
                </ISWebGrid:WebGridColumn>
                <ISWebGrid:WebGridColumn Caption="Cash Over Under" 
                    DataType="System.Decimal" Name="CashOverUnder" Width="100px" 
                    EditType="NoEdit">
                    <CellStyle BackColor="Gray">
                    </CellStyle>
                </ISWebGrid:WebGridColumn>
                <ISWebGrid:WebGridColumn Caption="Amount Verified Through Bank" 
                    DataMember="DepositVerifiedThroughBank" DataType="System.Decimal" 
                    Name="DepositVerifiedThroughBank" Width="100px">
                </ISWebGrid:WebGridColumn>
                <ISWebGrid:WebGridColumn Caption="Date Per Validated Ticket" 
                    DataMember="DatePerValidatedTicket" DataType="System.DateTime" 
                    Name="DatePerValidatedTicket" Width="100px" EditType="CalendarCombo">
                </ISWebGrid:WebGridColumn>
                <ISWebGrid:WebGridColumn Caption="JournalMonth" DataMember="JournalMonth" Visible="false"
                    DataType="System.DateTime" Name="JournalMonth" Width="100px">
                </ISWebGrid:WebGridColumn>
                <ISWebGrid:WebGridColumn Caption="NumClinicID" DataMember="NumClinicID" Visible="false"
                    DataType="System.Int32" Name="NumClinicID" Width="100px">
                </ISWebGrid:WebGridColumn>
                <ISWebGrid:WebGridColumn Caption="Note" DataMember="Note" Name="Note" 
                    Width="100px" MaxHeight="-1" TextboxMaxlength="500" AllowMultiLine="True">
                </ISWebGrid:WebGridColumn>
            </Columns>
            <FormatConditions>
                <ISWebGrid:WebGridFormatCondition 
                    Name="WebGridFormatCondition2" ColumnMember="DepositVerifiedThroughBank" 
                    Operator="EqualTo" TargetColumnMember="DepositVerifiedThroughBank" 
                    TargetObject="Cell" ConditionText="0">
                     <FormatStyle ForeColor="Red" Font-Italic="True" BackColor="#FFFF66" BackColor2="#FFCC00"></FormatStyle>
                </ISWebGrid:WebGridFormatCondition>
            </FormatConditions>
        </RootTable>
        <FlyPostBackSettings PostInputControls="True" />
        </ISWebGrid:WebGrid>

Thanks for any help!