[Solved] DetailView (Server Side Binding) and Scrollbar bug?

[Ashok]

I am using DetailView with Server Binding. Inside detail view there is another MVC Grid. When I expand Master Row I can see data in DetailView.

Now I introduced scrolling in DetailView Grid. .Scrollable(s => s.Enabled(true)). With this, Whenever I expand my Master Row, I can't see data in DetailView. The moment I move mouse over to DetailView Grid data and scroll bar appears. I collapse and expand Master Row again and same behaviour.

If I remove scrolling and expand/collapse Master Row I can see data immediately.

Is there any bug?

[Atanas Korchev]

Hi Tejas,

 This is not a known issue but it sounds like some Internet Explorer quirk. Is the problem only reproducible in IE? Can you either paste your grid configuration or send us a sample project so we can test it?

Regards,
Atanas Korchev
the Telerik team

[Ashok]

Here you go with the code:

@{ Html.Telerik().Grid(Model.FamilyTreeList)
        .Name("FamilyTreeGrid")
        .NoRecordsTemplate(LocalizedText.EmptyFamilyTreeListMessage)
        .DataKeys(keys => keys.Add(o => o.EntityId))
        .Columns(columns =>
        {
            columns.Template(@<text>@Html.Raw(@Html.ActionLink(LocalizedText.AddLinkText, "OnboardEntity", "QueueManager", new { gupId = @item.EntityId }, null).ToHtmlString())</text>)
                    .Title(string.Empty)
                    .Visible(@Model.CanShowTreeMastersAction)
                    .Width(50);
            columns.Template(@<text>
                                <a href="@string.Concat(@Model.AffiliateToolLink + string.Format("?ENTITYID={0}", @item.EntityId))" target="_blank">
                                    <img alt="ATimg" src="@Url.Content("~/Content/images/affiliationtool.gif")" style="border: none" />
                                </a>
                             </text>)
                    .Title(string.Empty).Width(30);
            columns.Template(@<text>
                                @{Html.Telerik().DropDownList()
                                                .Name("StatusDropDown" + @item.EntityId)
                                                .BindTo(@item.MatchStatusList)
                                                .HtmlAttributes(new { style = "width: 120px;" })
                                                .Render();
                                  }
                              </text>)
                    .Title("Status")
                    .Visible(@Model.CanShowOpeartionsAction)
                    .Width(120);
            columns.Bound(o => o.FullBusinessName)
                   .Title(LocalizedText.FamilyTree_EntityNameHeader)
                   .Width(500);
            columns.Bound(o => o.EntityId)
                   .Title(LocalizedText.FamilyTree_EntityIdHeader)
                   .Width(100);
            columns.Bound(o => o.Duns)
                   .Title(LocalizedText.FamilyTree_DunsHeader)
                   .Width(90);
        })
         .DetailView(details => details.Template(e => SimilarEntitiesGridTemplate(e)))
         .Footer(false)
        .Render();
}

@helper SimilarEntitiesGridTemplate(FamilyTreeViewModel modelItem)
{
<b>@LocalizedText.SimilarEntityGridHeaderText</b><br />
    @(Html.Telerik().Grid(modelItem.SimilarEntityList)
                    .Name("SimilarEntitiesGrid_" + modelItem.EntityId)
                    .Columns(columns =>
                    {
                        columns.Bound(o => o.EntityId)
                            .Template(@<input type="button" id="btnReplace" value="@LocalizedText.ReplaceLinkText" onclick="return ConfirmTreeMasterReplace('@String.Format(LocalizedText.TreeMasterReplaceEntityMessage, @Model.EntityDetail.FullBusinessName, @item.FullBusinessName, @item.GupName)', @item.EntityId);" style="@string.Format("visibility: {0}", @item.CanShowReplace ? "visible" : "hidden")" />)
                            .Visible(@Model.CanShowTreeMastersAction)
                            .Title(string.Empty).Width(60);
                        columns.Bound(o => o.FullBusinessName)
                            .Width("16%")
                            .Title(LocalizedText.SimilarEntity_EntityNameHeader);
                        columns.Bound(o => o.EntityId)
                            .Title(LocalizedText.SimilarEntity_EntityIdHeader);
                        columns.Bound(o => o.Duns)
                            .Title(LocalizedText.SimilarEntity_DunsHeader);
                        columns.Bound(o => o.TradeStyle)
                            .Title(LocalizedText.SimilarEntity_TradeStyleHeader);
                        columns.Bound(o => o.SecondTradeStyle)
                            .Title(LocalizedText.SimilarEntity_SecondTradeStyleHeader);
                        columns.Bound(o => o.StreetName)
                            .Title(LocalizedText.SimilarEntity_Address1Header);
                        columns.Bound(o => o.Address2)
                            .Title(LocalizedText.SimilarEntity_Address2Header);
                        columns.Bound(o => o.Country)
                            .Title(LocalizedText.SimilarEntity_CountryHeader);
                        columns.Bound(o => o.ParentDuns).Title(LocalizedText.SimilarEntity_ParentDunsHeader);
                        columns.Bound(o => o.ParentName).Title(LocalizedText.SimilarEntity_ParentNameHeader);
                    })
                    .Footer(false)
//                .Scrollable(s => s.Enabled(true))
         );
}

[Atanas Korchev]

Hello Tejas,

 Thank you pasting your code. Unfortunately I wasn't able to reproduce the problem locally. I tested in Google Chrome, Internet Explorer 9 and 8 but the scrolling worked as expected. Is there any chance to attach a runnable version of your code which we can test locally?

Greetings,
Atanas Korchev
the Telerik team

[Ashok]

Well, I am working with IE 7 (firmstandard). Can you please see if you see any issue with IE7. It wouldn't be possible to send you runnable version of code. However if you wish we can try netmeeting, and I can show you the problem.

[Atanas Korchev]

Hello Tejas,

 I tried in IE7 but the grid is still scrollable. I am sending my test project for your reference. Does it work at your side? Can you try modifying it so it stops working as in your real project?

Greetings,
Atanas Korchev
the Telerik team