My grid doesnt load any data when the page is first loaded but when I do a scroll (using ajax) the data shows up.
Any ideas?
Bump.. here is my html. Anyone?
<%@ Register Assembly="Infragistics2.WebUI.UltraWebGrid.v7.3, Version=7.3.20073.38, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb"
Namespace="Infragistics.WebUI.UltraWebGrid" TagPrefix="igtbl" %>
<html>
<title>AMWeb</title>
<link href="amweb_styles1.css" rel="stylesheet" type="text/css" />
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
}
function MM_preloadImages() { //v3.0
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
function MM_findObj(n, d) { //v4.01
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
function MM_swapImage() { //v3.0
if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
//-->
<body onLoad="MM_preloadImages('images/buttonsideover.gif','images/logoutover.gif')">
<!-- header and footer table -->
<tr>
<!-- start of header table -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="headerback2">
<td>
<table border="0" cellspacing="0" cellpadding="0" class="headertable">
<td rowspan="2" class="seal"><img src="images/seal2.gif" width="83" height="75"></td>
<td class="logout"><a href="#"><img src="images/logout.gif" name="logout" width="64" height="18" border="0" id="logout" onMouseOver="MM_swapImage('logout','','images/logoutover.gif',1)" onMouseOut="MM_swapImgRestore()"></a></td>
<table border="0" cellspacing="0" cellpadding="0" class="navtable">
<%page_security();%>
</table>
<asp:ObjectDataSource ID="oDataSrc" runat="server" SelectMethod="oDsSelect" TypeName="AMWebDataLayer">
</td>
<td class="headeredge" width="10"><img src="images/headeredge.gif" width="10" height="57"></td>
<!-- end of header table -->
<!-- content table -->
</tr>
<td> </td>
<table border="0" cellspacing="0" cellpadding="0" class="tablemargin1">
<td class="cell2">Tab: <select id="Select4" name="tabs">
<option selected="selected">5 Year Cycle</option>
<option>Det Level Detail</option>
<option>C12 C26 Drilldown</option>
<option>Coded ETT</option>
<option>State FSA by DET Roll Up</option>
<option>SRC to FSA Rollup</option>
<option>State Rollup Sort</option>
<option>AK</option>
</select></td>
<!-- button -->
<div class="buttonside"><img src="images/buttonside.gif" name="go" width="10" height="18" id="go"></div>
<!-- end button -->
<td class="cell2">Custom Filter: <select id="Select1" name="">
<option selected="selected">bde group</option>
<option>Patch</option>
<option>CMD Level</option>
<option>UIC</option>
<option>Unit Type</option>
<option>State</option>
<option>EFF Date</option>
<option>Unit Name</option>
<option>Unit ABBR</option>
<select id="Select2">
<option selected="selected">equals</option>
<option>does not equal</option>
<option>is greater than</option>
<option>is less than</option>
<input id="Text1" type="text" />
<select id="Select3">
</select>
<input id="Text2" type="text" /></td>
<div class="buttonside"><img src="images/buttonside.gif" name="filter" width="10" height="18" id="filter"></div>
<table border="0" cellspacing="0" cellpadding="0" class="buttontable1">
<td><!-- button -->
<div class="buttonside"><img src="images/buttonside.gif" name="export" width="10" height="18" id="export"></div>
<div class="buttonside"><img src="images/buttonside.gif" name="print" width="10" height="18" id="print"></div>
<div class="buttonside"><img src="images/buttonside.gif" name="workingV" width="10" height="18" id="workingV"></div>
<span style="position:relative;top:-7%;left:2%">
<form name="mainForm" runat=server>
<igtbl:UltraWebGrid ID="UltraWebGrid1" runat="server" Browser="Xml" DataSourceID="oDataSrc"
Height="533px" Width="1198px">
<Bands>
<igtbl:UltraGridBand>
<AddNewRow View="NotSet" Visible="NotSet">
</AddNewRow>
<RowTemplateStyle BackColor="Window" BorderColor="Window" BorderStyle="Ridge">
<BorderDetails WidthBottom="3px" WidthLeft="3px" WidthRight="3px" WidthTop="3px" />
</RowTemplateStyle>
</igtbl:UltraGridBand>
</Bands>
<DisplayLayout AllowColSizingDefault="Free" AllowDeleteDefault="Yes" AllowUpdateDefault="Yes"
BorderCollapseDefault="Separate" LoadOnDemand="Xml" Name="UltraWebGrid1" RowHeightDefault="20px"
SelectTypeRowDefault="Extended"
TableLayout="Fixed" Version="4.00" Section508Compliant="True" XmlLoadOnDemandType="Virtual">
<FrameStyle BackColor="Window" BorderColor="InactiveCaption" BorderStyle="Solid"
BorderWidth="1px" Font-Names="Microsoft Sans Serif" Font-Size="8.25pt" Height="533px"
Width="1198px">
</FrameStyle>
<Pager MinimumPagesForDisplay="2">
<PagerStyle BackColor="LightGray" BorderStyle="Solid" BorderWidth="1px">
<BorderDetails ColorLeft="White" ColorTop="White" WidthLeft="1px" WidthTop="1px" />
</PagerStyle>
</Pager>
<EditCellStyleDefault BorderStyle="None" BorderWidth="0px">
</EditCellStyleDefault>
<FooterStyleDefault BackColor="LightGray" BorderStyle="Solid" BorderWidth="1px">
</FooterStyleDefault>
<HeaderStyleDefault BackColor="LightGray" BorderStyle="Solid" HorizontalAlign="Left">
</HeaderStyleDefault>
<RowStyleDefault BackColor="Window" BorderColor="Silver" BorderStyle="Solid" BorderWidth="1px"
Font-Names="Microsoft Sans Serif" Font-Size="8.25pt">
<Padding Left="3px" />
<BorderDetails ColorLeft="Window" ColorTop="Window" />
</RowStyleDefault>
<GroupByRowStyleDefault BackColor="Control" BorderColor="Window">
</GroupByRowStyleDefault>
<GroupByBox>
<BoxStyle BackColor="ActiveBorder" BorderColor="Window">
</BoxStyle>
</GroupByBox>
<AddNewBox>
<BoxStyle BackColor="Window" BorderColor="InactiveCaption" BorderStyle="Solid" BorderWidth="1px">
</AddNewBox>
<ActivationObject BorderColor="" BorderWidth="">
</ActivationObject>
<FilterOptionsDefault>
<FilterDropDownStyle BackColor="White" BorderColor="Silver" BorderStyle="Solid" BorderWidth="1px"
CustomRules="overflow:auto;" Font-Names="Verdana,Arial,Helvetica,sans-serif"
Font-Size="11px" Height="300px" Width="200px">
<Padding Left="2px" />
</FilterDropDownStyle>
<FilterHighlightRowStyle BackColor="#151C55" ForeColor="White">
</FilterHighlightRowStyle>
<FilterOperandDropDownStyle BackColor="White" BorderColor="Silver" BorderStyle="Solid"
BorderWidth="1px" CustomRules="overflow:auto;" Font-Names="Verdana,Arial,Helvetica,sans-serif"
Font-Size="11px">
</FilterOperandDropDownStyle>
</FilterOptionsDefault>
<SelectedRowStyleDefault BackColor="#E0E0E0">
</SelectedRowStyleDefault>
</DisplayLayout>
</igtbl:UltraWebGrid></form>
<!-- end header and footer table -->
</html>
I'm going to follow along on this - I think I'm having the same problem. When the grids load, all I see is the header row and the scroll bar. Once I grab the scroll bar, the grid expands and looks correct.
Jarrod,
When expermenting with this after I got it to work I wanted to test the width and height using percentages rather than pixels (leaving them blank makes the grid fully expanded) I wanted to have the grid use percentages because of screen resolution situations. It works fine when using width=100% (ect..) but when I set the height to use a percentage I got the same error you did where only the headers would show up so Im going to have to use a solid pixel number. Perhaps this is your problem as well?
Thanks for the response, and you are right. If I set the height to a specific number of pixels the problem goes away. Unfortunately the grid height can vary so it's difficult to tell what the height needs to be (and I want to avoid scroll bars). I may have to come up with a method to count to rows, multiply that times the row height and then add in the headers.
No problem,
Hopefully the infragistics guys reading this will foward that issue to their development teams and get it resolved in a future release.