Kendo ui 在Kendo ui mobile中手动选择tabstrip
我正在使用剑道ui手机。如屏幕截图(Show modal.png)所示,当选择tabstrip项时,我正在打开一个模式视图 在kendo ui mobile tabstrip的select方法中,我正在阻止默认事件传播,即使用e.preventDefault()显示模式视图,显示确认对话框,如屏幕截图(Prevent default Action.png)所示 代码:- (Html部分)Kendo ui 在Kendo ui mobile中手动选择tabstrip,kendo-ui,Kendo Ui,我正在使用剑道ui手机。如屏幕截图(Show modal.png)所示,当选择tabstrip项时,我正在打开一个模式视图 在kendo ui mobile tabstrip的select方法中,我正在阻止默认事件传播,即使用e.preventDefault()显示模式视图,显示确认对话框,如屏幕截图(Prevent default Action.png)所示 代码:- (Html部分) 如果在确认对话框上按下“确定”按钮,我想再次执行默认操作(显示模式)或手动选择选项卡条。如何执行此任务?
如果在确认对话框上按下“确定”按钮,我想再次执行默认操作(显示模式)或手动选择选项卡条。如何执行此任务?我不确定您是否仍然需要此任务,但您可以使用而不是选择:
var tabStrip = $("#modal_tabs").data("kendoMobileTabStrip");
tabStrip.switchTo("#tabId");
谢谢你的回答,但我现在不需要这个,因为我已经改变了流程。再次感谢您的帮助……:)
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
}
}
}
var tabStrip = $("#modal_tabs").data("kendoMobileTabStrip");
tabStrip.switchTo("#tabId");
function ChangeTabStrip(DivID) {
var tabStrip = app.view().footer.find(".km-tabstrip").data("kendoMobileTabStrip");
tabStrip.switchTo("#" + DivID);
app.navigate("#" + DivID, "slide");
}