[Solved] Tabstrip and Visible property conflict ?

[IQworks]

  Hi,
    I have a tabstrip that has 3 tabs. 
   "Company Grid"  "Create Company" "Edit Company"

   When the Grid is displayed, it has a link at the bottom to "Create", and, a column on every grid line to "Edit". 

   If I keep the Create and Edit tabs visible. I can click the Create link and the "Create Company" tab area displays with the entry form. If I click on the Edit link of an grid row, the "Edit Company" taba area displays the edit form with the appropriate data to edit. 
   I decided i only wanted the "Create Company" and "Edit Company" tabs to be displayed when I select either the Create or Edit links from the grid. 
   The problem is that when I make both the "Create Company" and "Edit Company" tab Visible property "false", I can use the selected index to display the Create tab and it displays the create form correctly. But when I try to use the selected index to display the "Edit Company" tab and tab area, only the tab displays ? The Edit tab area does not appear with the appropriate or any Edit form. 
   I am not understanding how the Visible property works with the selected index ?
   
  This is the WorkController Index method ... 

<%@ Page Language="C#" MasterPageFile="~/Views/Shared/Work.Master"
 Inherits="System.Web.Mvc.ViewPage"   %>

<asp:Content ID="indexTitle" ContentPlaceHolderID="TitleContent" runat="server">
    Home Page
</asp:Content>

<asp:Content ID="indexContent" ContentPlaceHolderID="MainContent" runat="server">
   <h2>Analytics Work Page</h2>

   <% Html.Telerik().TabStrip()
            .Name("BCAMainTab")
            .Items(tabstrip =>
            {
                tabstrip.Add()
                 .Text("Analytic Data")
                    /* this tab will be opened initially - no need to get it with ajax */
                    .Content(() =>
                    {%>
                        <p>
                             Select the data you need to maintain or need to check.
                        </p>
                    <%});



                tabstrip.Add()
                 .Text("Company")
                 .HtmlAttributes(new { style="background-color:blue;color:white;" })
                 .LoadContentFrom("CompanyGrid", "Company");


                tabstrip.Add()
                .Text("Enter Company")
                .HtmlAttributes(new { style = "background-color:blue;color:white;" })
                .LoadContentFrom("CompanyCreate", "Company")
                .Visible((bool)TempData["EntryVisible"]);


                tabstrip.Add()
               .Text("Edit Company")
               .HtmlAttributes(new { style = "background-color:blue;color:white;" })
               .LoadContentFrom(Url.Action("CompanyEdit", "Company", new { id = 2 }))
               .Visible((bool)TempData["EditVisible"]);


            })
            .SelectedIndex(Convert.ToInt32(TempData["workIndex"]))
            .Render();
        %>
</asp:Content>

  This is the Grid page .... 

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<IEnumerable<BCAnalytics.Models.CompanyVM>>" %>
   <p><%= Html.ActionLink("Close", "Index", "Work", new { workindex = 0 },null)%></p>
        <%= 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(200).Title("Company");
                    columns.Add(o => o.cEmail).Title("GroupCode");
                    columns.Add(o => o.cGroupCode).Width(120).Title("Email");
                    columns.Add(o => o.cDateUpdated).Format("{0:MM/dd/yyyy}").Width(85).Title("Updated");
                    columns.Add(o => o.cCompanyNo).Format(Html.ActionLink("Edit", "Index", "Work", new {workindex=3,OtherParms= "{0}" }, null).ToString()).Encoded(false).Title("").Width(32);
                    columns.Add(o => o.cCompanyNo).Format(Html.ActionLink("Delete", "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(200))
               .Filterable() %>
       <p><%= Html.ActionLink("Create New Company", "Index", "Work", new { workindex = 2, OtherParms="" },null)%></p>

  This is the WorkController

   public ActionResult Index(int? workindex, string OtherParms)
        {
            TempData["workIndex"] = 0;
            if(workindex != null)
            TempData["workIndex"] = workindex;


            // Create new Company
            if (workindex == 2)
            {
                TempData["EntryVisible"] = true;
            }
            else
            {
                TempData["EntryVisible"] = false;
            }

            // Edit new Company
            if (workindex == 3)
            {
                TempData["EditVisible"] = true;
                Session["CompanyIdToEdit"] = OtherParms;
              //  CompanyController ced = new CompanyController();
               // ViewResult vr = new ViewResult();
               // vr = (ViewResult)ced.CompanyEdit(Convert.ToInt32(OtherParms));
              //  return View(vr);
            }
            else
            {
                TempData["EditVisible"] = false;
            }


            int keytest = Convert.ToInt32(Session["LastKey"]);
            ViewData["orientation"] = "Horizontal"; // "Vertical";
            return View();
        }

Thanks for your time.

   

   

[Georgi Krustev]

Hello David,

Thank you for drawing our attention to this scenario.
The reason for the described behavior is a incorrect generating of the ID of the contents' divs.

The fix will be included in our next major release. If this issue is a showstopper here is the code patch that you should replace in the NavigationItemContainerExtensions.cs:

public static string GetItemContentId<TComponent, TItem>(this TComponent component, TItem item)
            where TComponent : ViewComponentBase, INavigationItemContainer<TItem>
            where TItem : NavigationItem<TItem>, IContentContainer
        {
            return item.ContentHtmlAttributes.ContainsKey("id") ?
                   "{0}".FormatWith(item.ContentHtmlAttributes["id"].ToString()) :
                   "#{0}-{1}".FormatWith(component.Id, (component.Items.Where(i => i.Visible == true).IndexOf(item) + 1).ToString(Culture.Invariant));
        }

Regards,
Georgi Krustev
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 Georgi,
    I dont have this NavigationItemContainerExtensions.cs: ?
   When I tried to create it in a new folder call Extensions, I got a couple of errors (see attatchment for the red underlines), since I am a newbie, this is what I coded ....

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

namespace BCAnalytics.Extensions
    {
    public class NavigationContainerExtensions
        {
        }

    public static string GetItemContentId<TComponent, TItem>(this TComponent component, TItem item)
            where TComponent : ViewComponentBase, INavigationItemContainer<TItem>
            where TItem : NavigationItem<TItem>, IContentContainer
        {
            return item.ContentHtmlAttributes.ContainsKey("id") ?
                   "{0}".FormatWith(item.ContentHtmlAttributes["id"].ToString()) :
                   "#{0}-{1}".FormatWith(component.Id, (component.Items.Where(i => i.Visible == true).IndexOf(item) + 1).ToString(Culture.Invariant));
        }

    }

  Does this class exists somewhere and i just need to modify it ?  I dont see it, perhaps I need to use a different version ? i am using
2009.3.1320.135.

  thanks again for the fix and your time..

[IQworks]

 Forgot to enclose in the class, sorry. but when i did i still got errors ?  Do you have an example of the complete class ?

[IQworks]

Im rushing this morning - let me slow down .....
here is the screen shot of my NavigationContainersExtention..cs code and what I am getting now.
sorry, thanks again.

[Georgi Krustev]

Hello IQworks,

The code patch that I posted in my last message was for the NavigationItemContainerExtensions.cs file which is placed in the Telerik.Web.Mvc project. This is the project of the Telerik Extensions for the ASP.NET MVC.

For your convenience I have attached latest internal build of the components to this thread.

Best wishes,
Georgi Krustev
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,
    Thanks for this latest build.
    If I understand correctly, the  NavigationItemContainerExtensions.cs should be in this build. I looked in the Extension source folder, and, in the Telerik.Web.Mvc.dll Extension folder and did not see it ?
   I have enclosed screen shots of both Extension folders - perhaps I am not looking in the right place ?
   Not that I need to see it, I just happened to notice that it was not there.
  

[Atanas Korchev]

Hello IQworks,

The NavigationItemContainerExtensions.cs is in this folder: Telerik.Web.Mvc\UI\NavigationItemContainerExtensions.cs.

However you no longer need to manually patch it as George has sent you a build which incorporates the fix. Use the dll, JavaScript and CSS files (from the Scripts and Content folder) provided in the attached zip file.

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,

   I did try the new build anyway yesterday, just in case the fix was there but I was not seeing it, but it still had the same effect ? 
   I cannot attatch a zip here, but I submitted a support ticket with my code using this new 1417 135 build.
   The support id is - Your ticket ID is : 282929 
   Thanks again.

[lahyaw galak]

is it resolve? i'm using 2011.1.315 and still get conflicted behavior.