Disabling a not selected tab

[Paramhans]

I binding datasource to generate the tabs dynamically in tabStrip control. For each tab in tabstrip i have a check box on the form. My Requirement is: 
initially all the tabs will be disabled and on check change event of checkboxes i need to enable or disable the respective tabs based on check state of the currently changing checkbox.

I have already tried below code: 

var cb_click = function (e) {
            var $this = $(this);     // $this will contain a reference to the checkbox  
            var tabstrip = $("#myTabStrip").data("kendoTabStrip");
            var selTab = tabstrip.select(tabstrip.tabGroup.children("li[innerText='" + $this.val() + "']"));
            if ($this.is(':checked')) {
                tabstrip.enable(selTab, true);
            }
            else {
                tabstrip.enable(selTab, false);


                //selTab.css('class', 'k-state-disabled');
            }
        };

Please help me find a solution for this issue.

[Majid]

This is how I do it:

var ts = $("#tabstrip").data("kendoTabStrip");
var tabIndex = 1;
ts.enable(ts.tabGroup.children("li:eq(tabIndex)"), true); // enable tab 1

ts.enable(ts.tabGroup.children("li:eq(tabIndex)"), false); // disable tab 1

[David]

This deserves to be in the documentation. 

[Petyo]

Hi David,

The feature in question is documented.

Regards,
Petyo
Telerik

 

 

[David]

That is not the same thing. I tried what was in the documentation without any luck. 

[Petyo]

Hi David,

perhaps I am missing something in this case - this is the code snippet in the documentation, and it seems to demonstrate the feature accurately.


Regards,
Petyo
Telerik