标签: kendo-tabstrip

我正在创建一种方法来删除基于"x"图像的Kendo UI TabStrip选项卡.我想让它以与其他标签控件(例如Chrome/IE)相同的方式工作:

• 如果活动选项卡已关闭,则选择下一个选项卡(如果它是最后一个选项卡,则选择上一个选项卡).
• 如果它不是活动选项卡,请确保活动选项卡保持打开状态.

我相信我需要获取对当前选项卡的引用,然后检查被删除的选项卡是否为活动选项卡.

我的代码目前只是关闭与点击图像相关的标签:

function DeleteTab(imgObj) {

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

        var deleteIndex = $(imgObj).closest("li").index();
        tabStrip.remove(deleteIndex);
}

如何获取当前所选选项卡的引用？我可以通过搜索来做到这一点k-state-active吗？

我基本上是Angular世界的新手.但努力争取阶段.

我现在遇到的问题是,如何在我的JS文件中访问kendo tabstrip并激活第二个选项卡onClick().

请注意我不想使用选择器,即 #tabStripID

我想看看有没有办法做到这一点？

pl找到了plunker http://plnkr.co/edit/6l8R4ggLxOA589IcbRK9?p=preview

寻求帮助.

谢谢你,Sammi

根据文档,我应该能够通过在窗口小部件配置中包含"navigatable:false"来关闭Kendo UI TabStrip窗口小部件中的键盘导航.但是,我不能让这个工作.我做了一个简化(见下文),其中包含了最低限度,以说明我的困境.我错过了什么或看起来像图书馆里的错误？

以下是代码段示例.要为标签条提供键盘焦点,只需单击其中的任意位置即可.然后,当我希望禁用键盘导航时,按下时箭头键将导航标签条.

$(document).ready(function() {
  $("#tabstrip").kendoTabStrip({
    navigatable : false
  });
});

<link href="http://da7xgjtj801h2.cloudfront.net/2014.1.318/styles/kendo.common.min.css" rel="stylesheet"/>
<link href="http://da7xgjtj801h2.cloudfront.net/2014.1.318/styles/kendo.rtl.min.css" rel="stylesheet"/>
<link href="http://da7xgjtj801h2.cloudfront.net/2014.1.318/styles/kendo.default.min.css" rel="stylesheet" type="text/css" />
<link href="http://da7xgjtj801h2.cloudfront.net/2014.1.318/styles/kendo.dataviz.min.css" rel="stylesheet" type="text/css" />
<link href="http://da7xgjtj801h2.cloudfront.net/2014.1.318/styles/kendo.dataviz.default.min.css" rel="stylesheet" type="text/css" />
<link href="http://da7xgjtj801h2.cloudfront.net/2014.1.318/styles/kendo.mobile.all.min.css" rel="stylesheet" type="text/css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://da7xgjtj801h2.cloudfront.net/2014.1.318/js/kendo.all.min.js"></script>
<div id="tabstrip">
  <ul>
    <li class="k-state-active">Tab A</li>
    <li>Tab B</li>
  </ul>
  <div>
    <div>Content for Tab A</div>
  </div>
  <div>
    <div>Content for Tab B</div>
  </div>
</div>

当有标签溢出时,有没有人能够让Kendo标签滚动？

我现在可以使用制表符控件在底部显示滚动条,但这不是所需的行为,因为它也会移动内容.

我们只是希望能够在标签溢出时滚动它们.

有没有人完成这个？如果是这样,你是怎么做到的？

我在局部视图中有Kendo Tabstrip控件，在该Tabstrip中有Kendo Grid。

         @(Html.Kendo().TabStrip()
                .Name("tabstrip1")
                .Items(ts =>
                        {
                        ts.Add()
                        .Text("Tab Strip 1")
                        .Content(@<text>
                            @(Html.Kendo().Grid<testproject.Class.DiscussionBoard>()
                                .Name("kendogrid1")
                                .Columns(columns =>
                                    {
                                        columns.Bound(p => p.Name).Title("Name");
                                        columns.Bound(p => p.CreatedBy).Title("Created By");
                                        columns.Bound(p => p.Subject).Title("Subject");
                                        columns.Bound(p => p.CommentsDescription).Title("Comments/Description");
                                        columns.Bound(p => p.ModifiedOn).Title("Modified On ");
                                    })
                        .NoRecords("No Recod Exists!!")
                            )
                        </text>);
                        })
        )

当我运行这个我得到这个错误

我尝试通过网络进行搜索，但没有找到太多有关此问题的信息

ASP MVC 5项目

帮助总是值得赞赏的

谢谢

我使用角度js在我的应用程序中使用kendo tabstrip.标签和内容看起来很好.

我可以通过k选项获取从角度或设置事件调用的选项卡事件吗？

需要帮助