I have an UltraWebGrid on my page, and have editing and row adding turned on.
Now when I edit, I'll click on a column to enter edit mode, but when I try to move to the next cell, the natural thing is to press "Tab", however pressing Tab just tabs to the next control on the page (not the next cell in the grid, the grid looses focus)
How can I enable tabbing from cell-to-cell when Editing/Adding rows on my Grid?
thanks
jeff
Hello Jeff,
Thank you for posting on Infragistics forum.
Normally when cell in “UltraWebGrid” is in edit mode and “Tab” key is pressed the next cell in the row is entering in edit mode. The same apply for the “Add” row.
You can see this in the following sample - http://samples.infragistics.com/2009.2/WebFeatureBrowser/contents.aspx?showCode=true&t=WebGrid/UpdateRow/UpdateRow.aspx~srcview.aspx?path=../WebFeatureBrowserVB/WebGrid/UpdateRow/UpdateRow.src~srcview.aspx?path=WebGrid/UpdateRow/UpdateRow.src
When you enter edit mode for one of the cells and use “Tab” key the next cell become in edit mode.
Test this example and let me know if you have further questions.
Hmm, that example seems to be from a fairly old set of controls. It simply does not work that way with the version we are on.
We are using 10.2 with the latest service release
assembly="Infragistics35.Web.v10.2, Version=10.2.20102.2218
I don't think I am doing anything "odd" with my grid. However the tab functionality does not work.
I'll try to attach my Grid definition.
Thank you. I also had the same issue and resolved it using the one you suggested.
Regards,
Sudharshan.
I Found setting to work
I set the Activation behavior to enabled, and in Cell Editing and Row Adding, for EditModeActions I needed to EnableOnActive to "True" (I also set EnableF2 to false)
Jeff
The current "Edit" example on the samples site exhibits troubles with tabbing
http://samples.infragistics.com/2010.3/WebFeatureBrowser/WebDataGrid/Editing/WebDataGrid_EditRowDefault.aspx
<ig:WebDataGrid ID="listItemGrid" runat="server" AutoGenerateColumns="False" DataSourceID="listItemDataSource" Height="500px" Width="850px" DataKeyFields="ListItemKey"> <EditorProviders> <ig:TextBoxProvider ID="itemValueTextProvider" EditorControl-MaxLength="50"> <EditorControl MaxLength="50"></EditorControl> </ig:TextBoxProvider> <ig:TextBoxProvider ID="itemDisplayTextProvider" EditorControl-MaxLength="500"> <EditorControl MaxLength="500"></EditorControl> </ig:TextBoxProvider> <ig:TextBoxProvider ID="itemTextTextProvider" EditorControl-MaxLength="5000"> <EditorControl MaxLength="5000"></EditorControl> </ig:TextBoxProvider> <ig:WebNumericEditProvider ID="sortOrderProvider" DataMode="Int" MinValue="1" MaxValue="500"
SpinButtonsDisplay="OnRight" /> <ig:DatePickerProvider ID="dateEditorProvider"></ig:DatePickerProvider> </EditorProviders> <Columns> <ig:BoundDataField DataFieldName="ListItemKey" Hidden="True" Key="ListItemKey"> <Header Text="ListItemKey" /> </ig:BoundDataField> <ig:BoundDataField DataFieldName="ListTypeKey" Hidden="True" Key="ListTypeKey"> <Header Text="ListTypeKey" /> </ig:BoundDataField> <ig:BoundDataField DataFieldName="ComponentID" Hidden="True" Key="ComponentID"> <Header Text="ComponentID" /> </ig:BoundDataField> <ig:BoundDataField DataFieldName="ListItemValue" Key="ListItemValue"> <Header Text="Value" /> </ig:BoundDataField> <ig:BoundDataField DataFieldName="ListItemDisplay" Key="ListItemDisplay"> <Header Text="Display" /> </ig:BoundDataField> <ig:BoundDataField DataFieldName="NumericValue" Key="NumericValue"> <Header Text="Numeric Value" /> </ig:BoundDataField> <ig:BoundDataField DataFieldName="ListItemText" Key="ListItemText"> <Header Text="Long Text" /> </ig:BoundDataField> <ig:BoundDataField DataFieldName="SortOrder" Key="SortOrder"> <Header Text="Sort Order" /> </ig:BoundDataField> <ig:BoundDataField DataFieldName="StartDate" Key="StartDate"> <Header Text="Start Date" /> </ig:BoundDataField> <ig:BoundDataField DataFieldName="EndDate" Key="EndDate"> <Header Text="End Date" /> </ig:BoundDataField> <ig:BoundDataField DataFieldName="UpdatedDate" Key="UpdatedDate" Hidden="True"> <Header Text="UpdatedDate" /> </ig:BoundDataField> <ig:BoundDataField DataFieldName="UpdatedBy" Key="UpdatedBy" Hidden="True"> <Header Text="UpdatedBy" /> </ig:BoundDataField> </Columns> <Behaviors> <ig:ColumnMoving DragMarkupCssClass=""> </ig:ColumnMoving> <ig:Filtering> </ig:Filtering> <ig:EditingCore> <Behaviors> <ig:RowAdding> <EditModeActions /> <ColumnSettings> <ig:RowAddingColumnSetting ColumnKey="ListItemValue" EditorID="itemValueTextProvider"
/> <ig:RowAddingColumnSetting ColumnKey="ListItemDisplay"
EditorID="itemDisplayTextProvider" /> <ig:RowAddingColumnSetting ColumnKey="ListItemText" EditorID="itemDisplayTextProvider"
/> <ig:RowAddingColumnSetting ColumnKey="SortOrder" EditorID="sortOrderProvider" /> <ig:RowAddingColumnSetting ColumnKey="StartDate" EditorID="dateEditorProvider" /> <ig:RowAddingColumnSetting ColumnKey="EndDate" EditorID="dateEditorProvider" /> </ColumnSettings> </ig:RowAdding> <ig:RowDeleting /> <ig:CellEditing> <ColumnSettings> <ig:EditingColumnSetting ColumnKey="ListItemValue" EditorID="itemValueTextProvider" /> <ig:EditingColumnSetting ColumnKey="ListItemDisplay" EditorID="itemDisplayTextProvider"
/> <ig:EditingColumnSetting ColumnKey="ListItemText" EditorID="itemDisplayTextProvider" /> <ig:EditingColumnSetting ColumnKey="SortOrder" EditorID="sortOrderProvider" /> <ig:EditingColumnSetting ColumnKey="StartDate" EditorID="dateEditorProvider" /> <ig:EditingColumnSetting ColumnKey="EndDate" EditorID="dateEditorProvider" /> </ColumnSettings> </ig:CellEditing> </Behaviors> </ig:EditingCore> <ig:Selection CellClickAction="Row" RowSelectType="Single"> </ig:Selection> <ig:RowSelectors> </ig:RowSelectors> <ig:Sorting> </ig:Sorting> </Behaviors> </ig:WebDataGrid>