Question

如何根据页面上的事件完成选择一个剑道选项卡？

我有一个带有5个选项卡的kendo ui tabstrip，在第5个选项卡上（索引4）我有一个上传控件，当它完成上传时会触发onComplete事件。那时，我想刷新页面并通过选择将焦点带回第5个标签页。

代码：

    function onImageComplete(e) {

    var tabstrip = $("#tabstrip").kendoTabStrip().data("kendoTabStrip");
    tabstrip.select(4);

    location.reload(true);
}

选择所需选项卡的代码在我的文档就绪功能中工作正常，但当然在文档就绪时，我想要显示第一个选项卡。我只想在标签5上的事件之后找到第五个标签。

由于

（欢迎任何脚本建议）

Answer 1

如果您确实需要重新加载页面，则不要使用location.refresh使用window.location，而是传递当前页面的网址。这次添加查询字符串参数，如&selectTabIndex={index of tab to be selected}。

在$(document).ready()内使用getParameterByName函数详细here之类的内容检查该查询字符串，然后使用kendo tabstrip select()函数，传入查询的值字符串，即：

$(document).ready(function() {
  var selectTabIndex = getParameterByName('selectTab');

  if (selectTabIndex != null) {
    var tabStrip = $('#tabStrip').getKendoTabStrip();
    tabStrip.select(selectTabIndex);
  }
});

页面刷新后选择一个Kendo选项卡

1 个答案: