Hi all,
I am using Infragistics version 12.1.20121.2020 and have an issue with Webdatagrid.
That is, postback occurs automatically after a cell changed value and focused to another cell in the grid. How to remove this postback in this case? I attached the sample here. Please help me to resolve this issue.Note that this issue don't occur in version 11.1.
Thank you,
Trung
Hi Trung,
In order to avoid postback when updating a cell, you should disable activation. Even though auto-postback on ActiveCellChanged is set to false, activation behavior is causing the grid to automatically postback and save the changes made to the grid.
Let me know if you have any further questions.
Thank you for the update.
Currently, I have many codes as grid.get_behaviors().get_activation(), so I don't set Activation=false.
Have you any solutions for this issue?
This still triggers a post back. What am i doing wrong?
<ig:WebDataGrid ID="ResultsListGrid" runat="server" Browers="Auto" IEVersion="9" AutoGenerateColumns="False" EnableDataViewState="True" EnableViewState="True" DataKeyFields="HandlerId" CssClass="clmInfragisticsWebdataGridCssClass" FooterTextCssClass="clmInfragisticsFooterTextsCssClass" HeaderTextCssClass="clmInfragisticsHeaderTextCssClass" ItemCssClass="clmInfragisticsItemCssClass" EnableAjax="False" AltItemCssClass="clmInfragisticsAltItemCssClass" BorderStyle="Solid" BorderWidth="1px" BorderColor="Black" Width="99.7%"> <Columns> <ig:BoundDataField DataFieldName="HandlerId" Key="HandlerId" Width="40px" CssClass="DataFieldNoWrap"> <Header Text="CH PERS Id"></Header> </ig:BoundDataField> <ig:BoundDataField DataFieldName="HandlerName" Key="HandlerName" Width="120px" CssClass="DataFieldNoWrap"> <Header Text="Claim Handler"></Header> </ig:BoundDataField> </Columns> <Behaviors> <ig:ColumnFixing AutoAdjustCells="true" Enabled="false" SeparatorCssClass="clmInfragisticsSeparatorCssClass" /> <ig:ColumnMoving Enabled="false" EnableInheritance="false" BottomDragIndicatorCssClass="clmInfragisticsBottomDragIndicatorCssClass" MiddleDragIndicatorCssClass="clmInfragisticsMiddleDragIndicatorCssClass" TopDragIndicatorCssClass="clmInfragisticsTopDragIndicatorCssClass" DragStyle="Slide" /> <ig:ColumnResizing Enabled="true" ResizeIndicatorCssClass="clmInfragisticsResizeIndicatorCssClass" > <AutoPostBackFlags ColumnResized="False"/> </ig:ColumnResizing> <ig:Sorting Enabled="true" SortingMode="Multi" /> <ig:Activation Enabled="False" ActiveRowCssClass="clmInfragisticsActiveRowCssClass" ActiveRowSelectorCssClass="clmInfragisticsActiveRowCssClass" > <AutoPostBackFlags ActiveCellChanged="False"/> </ig:Activation> <ig:EditingCore Enabled="True" AutoCRUD="False" BatchUpdating="True" > <Behaviors> <ig:CellEditing Enabled="false" EditCellCssClass="clmInfragisticsEditCellCssClass" > <EditModeActions EnableF2="False" MouseClick="None" /> </ig:CellEditing> </Behaviors> </ig:EditingCore> <ig:Selection Enabled="False" CellClickAction="Row" RowSelectType="Single" SelectedRowSelectorCssClass="clmInfragisticsActiveRowCssClass"> <AutoPostBackFlags CellSelectionChanged="False" RowSelectionChanged="False" ColumnSelectionChanged="False" /> </ig:Selection> <ig:RowSelectors Enabled="False" RowSelectorCssClass="clmInfragisticsRowSelectorCssClass" HeaderRowSelectorCssClass="clmInfragisticsHeaderRowSelectorCssClass" FooterRowSelectorCssClass="clmInfragisticsFooterRowSelectorCssClass"> </ig:RowSelectors> <ig:Filtering Enabled="False" EditCellCssClass="clmInfragisticsEditCellCssClass" FilterButtonCssClass="clmInfragisticsFilterButtonCssClass" FilteringCssClass="clmInfragisticsFilteringCssClass" FilterRuleDropDownCssClass="clmInfragisticsFilterRuleDropDownCssClass" FilterRuleDropDownItemCssClass="clmInfragisticsFilterRuleDropDownItemCssClass" FilterRuleDropDownSelectedItemCssClass="clmInfragisticsFilterRuleDropDownSelectedItemCssClass" /> <ig:Paging Enabled="False" PageSize="10" PagerAppearance="Top" FirstPageText="First" LastPageText="Last" NextPageText="Next" PreviousPageText="Prev" CurrentPageLinkCssClass="clmInfragisticsCurrentPageLinkCssClass" PageLinkCssClass="clmInfragisticsPageLinkCssClass" PagerCssClass="clmInfragisticsPagerCssClass" /> </Behaviors> <EmptyRowsTemplate>No data found</EmptyRowsTemplate> </ig:WebDataGrid>
I'm just checking if you have any further questions regarding the matter.
You cannot cancel a server event from JavaScript. You could handle the event on the server and cancel it there, but then the row is not updated with auto crud. If you cancel the row updating client event, then again, no update will happen.
regards,David Young
Hi David
How can I cancel the row updating server event from javascript?
Regards,
Yes. We could set BatchUpdating="true" in EditingCore to prevent auto postback when a cell changed value.
But It seems that my project has more than issues if BatchUpdating="true" (Since I upgraded infragistics from 11.1 to 12.1)
What do you think if I use SqlDataSource and BatchUpdating="true"?