附加并选择新选项卡的代码:
var tabs = $('#tabs').data('kendoTabStrip');
var tabNum = tabs.items().length;
var closeButton =
"<span unselectable='on' class='k-icon k-delete'>delete</span>";
tabs.append( {
encoded: false, //allow HTML
text: team.name + ' ' + closeButton,
contentUrl: 'teamschedule.html'
});
// make new tab the active tab
tabs.select(tabNum);
var tab = $(tabs.items()[tabNum]);
//attach delete handler to the delete icon
tab.on('click','.k-delete', tab, $scope.removeTab);
这是删除选项卡并选择前一个选项卡的代码(如果选择了删除的选项卡):
$scope.removeTab = function(e) {
var tabs = $('#tabs').data('kendoTabStrip');
if (e.data.hasClass('k-state-active')) {
//select previous tab if the active tab is removed
tabs.select(e.data.prev());
}
tabs.remove(e.data);
}
I'm using angular, hence the use of $scope.