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?
You need to turn on batch updating. In 11.2, this behavior was changed. It used to batch update if you didn't handle the row updating server event. now it is tied to this property.
regards,
David Young
Hi David
How can I cancel the row updating server event from javascript?
Regards,
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