Tabstrip show wrong content when tab changed

3 posts, 1 answers
  1. Juergen
    Juergen avatar
    12 posts
    Member since:
    Sep 2013

    Posted 29 Oct 2013 Link to this post


    i'm new using kendo ui ... and i try to use tabstrip (loading content using ajax).

    Here's my example:
        <div id="kub-tabstrip">
                <li class="k-state-active">Willkommen</li>
        <script type="text/javascript">
            $(document).ready(function () {
                    contentUrls: [
        <a href="#" onclick="addTab()">neuer Tab</a>
    Really easy ... and works.

    I try to add a tab using javascript like this ...

    01.<a href="#" onclick="addTab()">neuer Tab</a>
    02.<script type="text/javascript">
    03.        function addTab() {
    04.            var tabStrip = $("#kub-tabstrip").kendoTabStrip().data("kendoTabStrip");
    05.            tabStrip.append({
    06.                text: "neuer Tab",
    07.                contentUrl: "/Seminar/Index"
    08.            });
    09.            var index = tabStrip.tabGroup.children("li").length;
    10.   - 1);
    11.        }
    12.    </script>
    This also seems to work. The new tab will be created and content is loaded.
    My Problem occurs when i click on first tab. Then on my page the content of fist tab and second tab is rendered in first tab.
    (looked like shown in screenshots).

    I try this on IE and Chrome with sameresult.

    Head of my html-demo-file ...

    01.<!DOCTYPE html>
    02.<html lang="de-DE">
    04.    <title></title>
    05.    <link href="Content/kendo/2012.3.1315/kendo.common.min.css" rel="stylesheet" type="text/css" />
    06.    <link href="Content/kendo/2012.3.1315/kendo.silver.min.css" rel="stylesheet" type="text/css" />
    07.    <script src="Scripts/kendo/2012.3.1315/jquery.min.js" type="text/javascript"></script>
    08.    <script src="Scripts/kendo/2012.3.1315/kendo.web.min.js" type="text/javascript"></script>
    09.    <script src="Scripts/kendo/2012.3.1315/cultures/" type="text/javascript"></script>
    Where is my error ?
    What i'm doing wrong ?


    Jürgen Meyer

  2. Alexander Popov
    Alexander Popov avatar
    1411 posts

    Posted 31 Oct 2013 Link to this post

    Hi Juergen,

    I noticed that you are using a really outdated version of KendoUI. Similar behavior was previously reported and fixed, so I would recommend you to upgrade you project to the latest KendoUI release. 
    Please, let us know in case the issue persist after the upgrade.

    Alexander Popov
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Answer
    Juergen avatar
    12 posts
    Member since:
    Sep 2013

    Posted 06 Nov 2013 Link to this post

    this version of kendo ui i downloaded with your latest download here.
    I downloaded the trial with mvc wrapper ... it seems that this download includes this old version.

    Meanwhile i found a solution by myself ... in kendo ui forum (independent of my older version).


Back to Top