Dear Infragistics Support
I have a problem when using the WebDataGrid with Firefox. On a TreeView-Click, I set the WDG-Datasource and use DataBind as well as "UpdatePanel.Update" (the WDG is inside an UpdatePanel). However, while in Chrome and Internet Explorer, this works fine, in Firefox it does not. I get an error in the JavaScript Console "this._scrollStyleSheet is null" in one of your JavaScript files. The error appears in the following method:
_onGridScrolled: function (evnt)
{
this._grid._ignoreCScroll = true;
var scroll = (this._grid._hScrBar.offsetHeight > 0) ? this._grid._hScrBar.scrollLeft : this._grid.get_scrollLeft();
if ($util.IsIE || $util.IsSafari)
/* Only header or only footer is visible and there are no rows, or no header and no
footer and only one row */
if (this._scrollDivs && !this._scrollDivs.length)
this._scrollDivs.scrollLeft = scroll;
for (var i = 0; this._scrollDivs && i < this._scrollDivs.length; i++)
this._scrollDivs[i].scrollLeft = scroll;
}
else
this._scrollStyleSheet.left = (-scroll) + "px";
...
How can I fix this error? Is there any property of the WebDataGrid which I need to set, in order for it to work?
I'm using different functionalities of the WDG, I think this error appears in connection with the ColumnFixing functionality.
Thank you
Hello Eros,
Thank you for contacting us.
Could you send a working isolated sample in a .zip attached to your next message so I could investigate your issue?
I am looking forward to hearing from you.
Dear Tihomir
Unfortunately I cannot provide you with an isolated working sample, since we are using different controls, not only from Infragistics. Furthermore, the application heavily relies on a client database structure, which I cannot provide you with.
The basic interaction of my code works as follows: The user clicks on a control (e.g. a button) and then the WebDataGrid's Datasource is being created (in this case a C# DataTable), then the DataTable is assigned to the WDG (wdg.DataSource = dataTable; ) and then "DataBind" is being called and the UpdatePanel, in which the WDG is, is called with the "Update()" method.
Like I mentioned in my previous post, this works in Chrome and Internet Exporer. But in Firefox, the "_scrollStyleSheet"-property is null and the JavaScript-Environment crashes. What is this scrollStyleSheet used for? How can I prevent this behaviour?
Eros
I set up a basic grid with a default configuration placed inside an UpdatePanel. On a button click event the grid is bound to a data source and the panel is updated. Please review the attached sample and let me know if you are able to replicate the issue on your side.
Please note I used version 16.2.20162.2044 to test, so let me know which version you use. Also, please configure the grid to replicate the grid from your app as this may be essential.
Dear Hristo
I have tested your example, but in this case, the error does not occur when using Firefox. I have also tried to add more columns, in order to enable the horizontal scrolling.
I am using version 16.2.20162.2043. My WDG is defined as follows:
<ig:WebDataGrid ID="EinsatzPlanGrid" Width="100%" Height="100%" ClientEvents-MouseUp="GridSelection_MouseUp" runat="server" EnableAjax="false" EnableAjaxViewState="false" AutoGenerateColumns="false" EnableTheming="true" StyleSetName="EuroTime" EnableViewState="false" EnableDataViewState="false" EnableClientRendering="false" ViewStateMode="Disabled" CellSpacing="0">
<Behaviors>
<ig:Activation Enabled="true" ActiveColumnCssClass="activeColumn"></ig:Activation> <ig:SummaryRow Enabled="true" ShowSummariesButtons="false"> </ig:SummaryRow> <ig:ColumnFixing Enabled="true" AutoAdjustCells="true" ShowFixButtons="false"> <ColumnSettings> <ig:ColumnFixingSetting ColumnKey="Name" EnableFixing="true" FixLocation="Left" ShowFixButton="false" /> </ColumnSettings> </ig:ColumnFixing> <ig:EditingCore AutoCRUD="false" BatchUpdating="false"> <Behaviors> <ig:CellEditing EditModeActions-MouseClick="Double" Enabled="true"> <CellEditingClientEvents EnteringEditMode="ServicePlanGrid_EnterEditMode" ExitedEditMode="ServicePlanGrid_ExitEditMode" /> </ig:CellEditing> </Behaviors> </ig:EditingCore> <ig:Selection CellSelectType="Multiple" ColumnSelectType="Multiple" RowSelectType="None"> <SelectionClientEvents CellSelectionChanged="CellSelectionChanged" /> </ig:Selection> </Behaviors> </ig:WebDataGrid>
Hi,
Thank you for the markup. I applied it to my test grid and still not able to reproduce this error. Do I need to follow any specific steps, or I just need to hit the button that binds the grid ?