[Solved] Q1 2010.1.222 - Grid row height issue on paging

[IQworks]

Hi,
   I installed the new version, and included this statement in my grid.    

.DataBinding(dataBinding => dataBinding.Ajax().Select(

"_AjaxBindingCompany", "Company")) .
When the grid first loads, the row height is fine, but on paging, the height increases, please see the attatched file thanks.

 

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<IEnumerable<BCAnalytics.Models.CompanyVM>>" %>

   <h3><%= Html.ActionLink((String)Resources.BCAResources.stdClose, "Index", "Work", new { workindex = 0 }, null)%>
   <br />
   <i style="color:Red;"><%=Session["iqResult"]%> </i> </h3>
        <%= Html.Telerik().Grid(Model)
              .Name("CompanyGrid")
              .Columns(columns =>
                {
                  //  columns.Add(o => o.cMemberNo).Width(30) ;
                   // columns.Add(o => o.cCompanyNo).Width(30);
                    columns.Add(o => o.cCompanyName).Width(185).Title((string)Resources.BCAResources.coxCompany);
                    columns.Add(o => o.cPhone).Title((string)Resources.BCAResources.stdPhone).Width(75);
                    columns.Add(o => o.cGroupCode).Title((string)Resources.BCAResources.coxGroupCode).Width(100);
                    columns.Add(o => o.cEmail).Width(120).Title((string)Resources.BCAResources.stdEmail).Width(150);
                    columns.Add(o => o.cDateUpdated).Format("{0:MM/dd/yyyy}").Width(85).Title((string)Resources.BCAResources.stdUpdated);
                    columns.Add(o => o.cCompanyNo).Format(Html.ActionLink((String)Resources.BCAResources.stdEdit, "Index", "Work", new { workindex = 2, OtherParms = "{0}" }, null).ToString()).Encoded(false).Title("").Width(32);
                    columns.Add(o => o.cCompanyNo).Format(Html.ActionLink((String)Resources.BCAResources.stdDelete, "CompanyDelete", new { Id = "{0}" }, null).ToString()).Encoded(false).Title("").Width(50);
                })
               //.Ajax(settings => settings.Action("_AjaxBindingCompany", "Company"))
               .DataBinding(dataBinding => dataBinding.Ajax().Select("_AjaxBindingCompany", "Company"))
               .Pageable()
               .Sortable(sort => sort.SortMode(GridSortMode.MultipleColumn))
               .Scrollable(scrolling => scrolling.Height(253))
               .Filterable() %>

       <p><%= Html.ActionLink((String)Resources.BCAResources.coxCreateNewCompany, "Index", "Work", new { workindex = 2, OtherParms = "Create" }, null)%></p>

 

[IQworks]

Correction, Unless I am mistaken, both 2010.1.218 and 2010.1.222 both have this Grid Row Height Issue when paging ?
I went back to 2009.3.1418 and the grid paging kept the Grid Row Height. 
I guess I have to stay with 2009.3.1418 for a bit ? 
thanks

[IQworks]

Also, the issue happens with this statement in 2010.1.222 & 218 ... 

.Ajax(settings => settings.Action(

"_AjaxBindingCompany", "Company"))

 

[Atanas Korchev]

Hello IQworks,

Are you manually including the JavaScript files? If yes please also include telerik.calendar.min.js and telerik.datepicker.min.js before the grid scripts. I think a JavaScript error due to missing files is the reason for the problem you are having.

Regards,
Atanas Korchev
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[IQworks]

Hi Atanas,
     Yes, that did fix the issue. Now my concern is whether there are any other backward compatability issues for version 222. Did I miss documentation anywhere about this ? But I am HAPPY for the fix !
     
     This is my grid with the js added. 

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<IEnumerable<BCAnalytics.Models.CompanyVM>>" %>
<%--fx 20100304 - Added datepicker and calendar min js files to keep grid row height correct for
version 2010.1.222 --%>
 <script src="../../Scripts/2010.1.222/telerik.datepicker.min.js" type="text/javascript"></script>
 <script src="../../Scripts/2010.1.222/telerik.calendar.min.js" type="text/javascript"></script>
   <h3><%= Html.ActionLink((String)Resources.BCAResources.stdClose, "Index", "Work", new { workindex = 0 }, null)%>
   <br />
   <i style="color:Red;"><%=Session["iqResult"]%> </i> </h3>
        <%= Html.Telerik().Grid(Model)
              .Name("CompanyGrid")
              .Columns(columns =>
                {
                  //  columns.Add(o => o.cMemberNo).Width(30) ;
                   // columns.Add(o => o.cCompanyNo).Width(30);
                    columns.Add(o => o.cCompanyName).Width(185).Title((string)Resources.BCAResources.coxCompany);
                    columns.Add(o => o.cPhone).Title((string)Resources.BCAResources.stdPhone).Width(75);
                    columns.Add(o => o.cGroupCode).Title((string)Resources.BCAResources.coxGroupCode).Width(100);

                 columns.Add(o => o.cEmail).Width(120).Title((string)Resources.BCAResources.stdEmail).Width(150);

                    columns.Add(o => o.cDateUpdated).Format("{0:MM/dd/yyyy}").Width(85).Title((string)Resources.BCAResources.stdUpdated);
                    columns.Add(o => o.cCompanyNo).Format(Html.ActionLink((String)Resources.BCAResources.stdEdit, "Index", "Work", new { workindex = 2, OtherParms = "{0}" }, null).ToString()).Encoded(false).Title("").Width(32);
                    columns.Add(o => o.cCompanyNo).Format(Html.ActionLink((String)Resources.BCAResources.stdDelete, "CompanyDelete", new { Id = "{0}" }, null).ToString()).Encoded(false).Title("").Width(50);
                })
               .Ajax(settings => settings.Action("_AjaxBindingCompany", "Company"))
               .Pageable()
               .Sortable(sort => sort.SortMode(GridSortMode.MultipleColumn))
               .Scrollable(scrolling => scrolling.Height(253))
               .Filterable() %>

       <p><%= Html.ActionLink((String)Resources.BCAResources.coxCreateNewCompany, "Index", "Work", new { workindex = 2, OtherParms = "Create" }, null)%></p>

 
  FYI (dont know if this matters) , when I tried to add these two js files to my Master page instead of my Grid page, I got two runtime js errors....
 1 - "jQuery undefined"
 2 - "jQuery undefined" 
   

<%@ Master Language="C#" Inherits="System.Web.Mvc.ViewMasterPage" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title><asp:ContentPlaceHolder ID="TitleContent" runat="server" /></title>
    <script src="../../Scripts/MicrosoftAjax.debug.js" type="text/javascript"></script>
    <script src="../../Scripts/MicrosoftMvcAjax.debug.js" type="text/javascript"></script>
   <script src="../../Scripts/2010.1.222/telerik.datepicker.min.js" type="text/javascript"></script>
    <script src="../../Scripts/2010.1.222/telerik.calendar.min.js" type="text/javascript"></script>
    <script src="../../Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <link href="../../Content/Site.css" rel="stylesheet" type="text/css" />


<!-- iqworks for telerik -->
<%= Html.Telerik().StyleSheetRegistrar()
.DefaultGroup(group => group.Add("Work.css")
.Add("telerik.common.css")
.Add("telerik.hay.css")
.Combined(true)
) %>

     I put them under the jquery js, and I got these two runtime js errors .....
1 - "datepicker' is null or not an object
2 - "cultureInfo' is null or not an object
 

<%@ Master Language="C#" Inherits="System.Web.Mvc.ViewMasterPage" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title><asp:ContentPlaceHolder ID="TitleContent" runat="server" /></title>
    <script src="../../Scripts/MicrosoftAjax.debug.js" type="text/javascript"></script>
    <script src="../../Scripts/MicrosoftMvcAjax.debug.js" type="text/javascript"></script>
  <script src="../../Scripts/jquery-1.4.1.js" type="text/javascript"></script>
   <script src="../../Scripts/2010.1.222/telerik.datepicker.min.js" type="text/javascript"></script>
    <script src="../../Scripts/2010.1.222/telerik.calendar.min.js" type="text/javascript"></script>

    <link href="../../Content/Site.css" rel="stylesheet" type="text/css" />


<!-- iqworks for telerik -->
<%= Html.Telerik().StyleSheetRegistrar()
.DefaultGroup(group => group.Add("Work.css")
.Add("telerik.common.css")
.Add("telerik.hay.css")
.Combined(true)
) %>

  I am new to all of this, so perhaps this is normal because the scripts should go in the Grid file ?

  Anyway, thanks as always Atanas. 
   

[Eddie]

I'm having the same issue in 2011.1.315 version as well.
Can anybody tell me how to fix that.
I tried the RowAction and css styles as well but without success. It's only happening in IE8 whereas its working perfect in Chrome and FireFox.
Any response would be appreciated.