This is a migrated thread and some comments may be shown as answers.

KendoUI tabstrip not refrershing on click of tab

1 Answer 126 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Pallavi
Top achievements
Rank 1
Pallavi asked on 24 Feb 2017, 02:41 PM

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 


1 Answer, 1 is accepted

Sort by
0
Veselin Tsvetanov
Telerik team
answered on 27 Feb 2017, 04:08 PM
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.
Tags
TabStrip
Asked by
Pallavi
Top achievements
Rank 1
Answers by
Veselin Tsvetanov
Telerik team
Share this question
or