kendo-ui - 在 Kendo ui mobile 中手动选择标签条

Question

我正在使用剑道ui手机。如屏幕截图（show modal.png）所示，我正在打开一个模态视图。

在 kendo ui mobile tabstrip 的 select 方法中，我阻止了默认事件传播，即使用 e.preventDefault() 显示模态视图，显示一个确认对话框，如屏幕截图所示（Prevent Default Action.png）。

代码：-

（HTML部分）

<div id='modal_tabs' data-role="tabstrip" data-select='tabChange'>
    <a href="#index" data-icon="custom">Home</a>
</div>

（JS部分）

function tabChange(e) {
    if (someCondition) {
        e.preventDefault();
        showConfirmation(showPopUpMsg, 'Unsaved changes', doTabActiveOnOK); // show confirmation dialog box
    }
    doTabActiveOnOK = function (button) {   // callback function
        if (button == true) { //  if ok button is pressed
            $("#modal_tabs").data("kendoMobileTabStrip").select(1);  // not supported
        }
    }
}

如果在确认对话框上按下“确定”按钮，我想再次执行默认操作（以显示模式）或手动选择标签条。如何执行此任务？

Answer 1

我不确定你是否仍然需要这个，但你可以使用switchTo而不是 select：

var tabStrip = $("#modal_tabs").data("kendoMobileTabStrip");
tabStrip.switchTo("#tabId");

Answer 2

function ChangeTabStrip(DivID) {
    var tabStrip = app.view().footer.find(".km-tabstrip").data("kendoMobileTabStrip");
    tabStrip.switchTo("#" + DivID);
    app.navigate("#" + DivID, "slide");
}