I have the following WebDataGrid. When I enter editing mode in the "Row Adding" row of the "Notes" column the editing box opens at a certain size and allows me to type text, but it often becomes stuck in editing mode and will not allow me to exit editing mode. When this happens it will not allow me to enter editing mode on any other columns either.
Here is the grid:
<ig:WebDataGrid ID="WDGNursingNotes" runat="server" DataKeyFields="ID" DataSourceID="DSNursingNotes"
Height="100%" Width="95%" AutoGenerateColumns="False">
<Columns>
<ig:BoundDataField DataFieldName="ID" Key="ID" Hidden="true">
<Header Text="ID" />
</ig:BoundDataField>
<ig:BoundDataField DataFieldName="Date" Key="Date" DataType="System.DateTime" DataFormatString="{0:d}"
Width="70" CssClass="Top">
<Header Text="Date" />
<ig:BoundDataField DataFieldName="Time" Key="Time" DataType="System.DateTime" DataFormatString="{0:H:mm}"
<Header Text="Time" />
<ig:BoundDataField DataFieldName="Notes" Key="Notes" EnableMultiline="true" HtmlEncode="true">
<Header Text="Notes" />
</Columns>
<EditorProviders>
<ig:DatePickerProvider ID="EPNotesDate">
<EditorControl runat="server" DropDownCalendarID="NursingNotesCalendar">
</EditorControl>
</ig:DatePickerProvider>
<ig:DateTimeEditorProvider ID="EPNotesTime">
<EditorControl runat="server" ClientIDMode="Predictable" EditModeFormat="H:mm" DisplayModeFormat="H:mm">
</ig:DateTimeEditorProvider>
<ig:TextBoxProvider ID="EPNotesText">
<EditorControl runat="server" TextMode="MultiLine">
</ig:TextBoxProvider>
</EditorProviders>
<Behaviors>
<ig:EditingCore BatchUpdating="true">
<ig:CellEditing>
<ColumnSettings>
<ig:EditingColumnSetting ColumnKey="Date" EditorID="EPNotesDate" />
<ig:EditingColumnSetting ColumnKey="Time" EditorID="EPNotesTime" />
<ig:EditingColumnSetting ColumnKey="Notes" EditorID="EPNotesText" />
</ColumnSettings>
<CellEditingClientEvents ExitingEditMode="WebDataGrid_ExitingEditMode" />
</ig:CellEditing>
<ig:RowAdding AddNewRowSelectorImageCssClass="gridrowaddingimage" AddNewRowCssClass="gridrowadding"
Alignment="Top" EditModeActions-MouseClick="Single" EditModeActions-EnableOnActive="true">
<ig:RowAddingColumnSetting ColumnKey="Date" EditorID="EPNotesDate" />
<ig:RowAddingColumnSetting ColumnKey="Time" EditorID="EPNotesTime" />
<ig:RowAddingColumnSetting ColumnKey="Notes" EditorID="EPNotesText" />
<AddNewRowClientEvents ExitingEditMode="WebDataGrid_ExitingEditMode" />
</ig:RowAdding>
<ig:RowDeleting Enabled="true" />
</Behaviors>
</ig:EditingCore>
<ig:RowSelectors RowNumbering="True">
</ig:RowSelectors>
<ig:VirtualScrolling>
</ig:VirtualScrolling>
<ig:Activation>
</ig:Activation>
<ig:Sorting>
</ig:Sorting>
<ig:ColumnResizing>
</ig:ColumnResizing>
<ig:ColumnMoving>
</ig:ColumnMoving>
<ig:Paging Enabled="False">
</ig:Paging>
<ig:Selection CellSelectType="Multiple" RowSelectType="Multiple">
</ig:Selection>
</ig:WebDataGrid>
Hi Eric,
Can you please add the code for your WebDataGrid_ExitingEditMode javascript function? I think there maybe something in that function that is preventing the cell from exiting edit mode. I build a website sample off of the code you did provide and could not reproduce the issue that you are describing using IE9. The sample that I created is attached if you want to run it.
In order to run the attach sample please change the Infragistics dll reference in the Web.Config and ASPX files to the version that you are currently using. Currently the style directory is set in the Web.Config file to be located in "http://localhost/ig_res12.1" virtual directory, if this is not where you have your Infragisitcs styles installed please change this as well.
Thank You,
Olga
ASP.NET Principal Software Engineer
Infragistics, Inc.