KendoUI tabstrip not refrershing on click of tab

2 posts, 0 answers
  1. Pallavi
    Pallavi avatar
    11 posts
    Member since:
    Nov 2016

    Posted 24 Feb Link to this post

    Hi Team,
    I am creating tabstrip dynamically  
    Table schema
    menuOrder  Tabtext         URL
    1          Dimension      Home/Dimension 
    2          Engine         Car/Engine 
    3          Chassis        Bike/Chassis 
    4          Role           Employee/Role
    5          Permission      secuirty/Permission

    When  i can click the tabs it is getting refreshed only for the first time.
    Even if the data changes  when i clcik the tab it is still showing the  new data
    (Ex  Dimension tab as got new record inserted but the new record is nto been showing )
    I am doing the  ajax call only want the particluar tab which is clciked to be refreshed i am using the partialview where it will render the view here i am calling 
    only first time the tab which is clicked  the action method of MVC is triggered second time clciked it does not get the hit itself. I have kept the debugger to see this.


    Home controller
         

    //[OutputCacheAttribute(VaryByParam = "*", Duration = 0, NoStore = true)]
    [OutputCache(Duration = 0, Location = OutputCacheLocation.Client, VaryByParam = "none", NoStore = true)]
           [OutputCache(NoStore = true, Duration = 0, VaryByParam = "*")]
           public ActionResult Dimension()
           {
               return PartialView();
     
           }

     

    Car controller
            //[OutputCacheAttribute(VaryByParam = "*", Duration = 0, NoStore = true)]
    //[OutputCache(Duration = 0, Location = OutputCacheLocation.Client, VaryByParam = "none", NoStore = true)]
            [OutputCache(NoStore = true, Duration = 0, VaryByParam = "*")]
            public ActionResult Engine()
            {
                return PartialView();
     
            }


    I have tired all these things but still tab contents are not refreshed when clciked
    What am i missinh here? is there anything that needs to be added here in tabstrip widget
    i have 6 hours i do not see any forum where i can get the answer 

     

    <!DOCTYPE html>
    <html>
    <head>
        <style>html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }</style>
        <title></title>
     
    </head>
    <body>
    <div id="example">
        <div class="demo-section k-content">
            <div id="tabstrip"></div>
        </div>
        <script>
        $(document).ready(function myfunction() {
            $("#tabstrip").kendoTabStrip({
                tabPosition: "left",
                dataTextField: "Tabtext",
                dataContentUrlField: "Url",
                dataValueField: "menuOrder",
              dataBound: function(e) {
                e.sender.select(2);
                }
            });
             
          var serviceRoot = "http://localhost:58030/Config/api/NavigationFeature";
          var dataSource = new kendo.data.DataSource({
                transport:{
                    read: {
                        url: serviceRoot + "/Employees?EmployeeId=2",
                        dataType: "jsonp"
                    }
                }
            });
     
            var tabStrip = $("#tabstrip").data("kendoTabStrip");
            tabStrip.setDataSource(dataSource);
        });
        </script>
    </div>
     
    </body>
    </html>

     

     

    Thank You 


  2. Veselin Tsvetanov
    Admin
    Veselin Tsvetanov avatar
    558 posts

    Posted 27 Feb Link to this post

    Hello Pallavi,

    I have already answered to your question in the Support ticket, that you have opened on the same scenario. I would suggest you continue the discussion in that thread, in order to provide you with the best focused assistance.

    Regards,
    Veselin Tsvetanov
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top