在Kendo ui mobile中手动选择标签

Question

我正在使用Kendo ui mobile。我在选择标签条项目时打开模态视图，如屏幕截图所示（Show Modal.png）。

在kendo ui mobile tabstrip的select方法中，我阻止默认事件传播，即通过使用e.preventDefault（）显示模态视图，以显示屏幕截图中显示的确认对话框（防止默认操作）。 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代替选择：

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");
}