I have found next problem with your components.
I have prepared small test page which showed problem. If grid show after ajax request, I see that height is incorrect.
I have debug your scripts, and see that problem in apply styles to pager and so on. In result when calculate height, script is thinking that height of pager for example 300px instead 100px.
It is possible to resolve by run repaint() function when grid initialized styles complete, but I cannot find any event which could help me.
Please answer how possible to resolve this problem ASAP.
This problem occured at FF everytime, and in IE sometimes
I have prepared small test page which showed problem. If grid show after ajax request, I see that height is incorrect.
I have debug your scripts, and see that problem in apply styles to pager and so on. In result when calculate height, script is thinking that height of pager for example 300px instead 100px.
It is possible to resolve by run repaint() function when grid initialized styles complete, but I cannot find any event which could help me.
Please answer how possible to resolve this problem ASAP.
This problem occured at FF everytime, and in IE sometimes
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
html
xmlns
=
"http://www.w3.org/1999/xhtml"
>
<
head
></
head
>
<
body
>
<
form
id
=
"form1"
runat
=
"server"
>
<
div
>
<
telerik:RadScriptManager
runat
=
"server"
/>
<
asp:Button
ID
=
"btn"
runat
=
"server"
OnClick
=
"click"
Text
=
"Show grid"
/>
<
telerik:RadGrid
runat
=
"server"
ID
=
"grid"
Visible
=
"False"
Height
=
"600px"
AllowPaging
=
"True"
>
<
ClientSettings
>
<
Scrolling
AllowScroll
=
"True"
UseStaticHeaders
=
"True"
/>
</
ClientSettings
>
<
MasterTableView
>
<
PagerStyle
Mode
=
"NextPrevAndNumeric"
Position
=
"Bottom"
AlwaysVisible
=
"true"
/>
</
MasterTableView
>
</
telerik:RadGrid
>
<
telerik:RadAjaxManager
runat
=
"server"
>
<
AjaxSettings
>
<
telerik:AjaxSetting
AjaxControlID
=
"btn"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"btn"
/>
<
telerik:AjaxUpdatedControl
ControlID
=
"grid"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
</
AjaxSettings
>
</
telerik:RadAjaxManager
>
</
div
>
</
form
>
</
body
>
</
html
>
public
partial
class
test : System.Web.UI.Page
{
protected
void
Page_Load(
object
sender, EventArgs e)
{
grid.NeedDataSource +=
new
Telerik.Web.UI.GridNeedDataSourceEventHandler(grid_NeedDataSource);
}
void
grid_NeedDataSource(
object
sender, Telerik.Web.UI.GridNeedDataSourceEventArgs e)
{
grid.DataSource =
new
[] {
new
{ a = 1, b =
"test"
},
new
{ a = 2, b =
"test"
},
new
{ a = 3, b =
"test"
} };
}
protected
void
click(
object
sender, EventArgs eventArgs)
{
grid.Visible =
true
;
grid.Rebind();
}
}