问题标签 [kendo-tabstrip]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1783 浏览

angular - Angular4 Kendo UI TabStrip - 处理比页面宽度支持更多的标签

有什么方法可以处理选项卡数量超过可用宽度可以显示的情况?

我有一个场景,从导航中选择的项目在新选项卡中动态打开(或者如果它已经打开,则活动选项卡会更改)。碰巧的是,在给定时间打开的选项卡数量很可能超过宽度可以显示的数量。我似乎在文档中找不到任何可以让我处理这种情况的东西。我一直在寻找至少使用一个appendTo或类似的可能性,我可以将标签标题和标签内容的容器分开,这样我就可以做一些按钮来单独向左或向右滚动标题。

当标签很少时,这很棒: 在此处输入图像描述

但是如果它们中的更多是打开的,则导航中断并且容器会获得一个水平滚动条,因为没有更多可用空间: 在此处输入图像描述

我的目标是有这样的东西(用箭头按钮导航到隐藏的标签): 在此处输入图像描述

编辑 好的,所以我找到了这个javascript kendo scrollable tabs。这正是我的想法,但我无法用 angular kendo-ui 实​​现这一点

0 投票
1 回答
979 浏览

kendo-ui - Kendo Tabstrip周围的蓝色边框

无论何时选择,我都会在Kendo Tabstrip周围有这个烦人的蓝色边框。

可能跟咏叹调有关?

在此处输入图像描述

有谁知道如何删除它?

0 投票
2 回答
154 浏览

jquery - Kendu UI Tabsbstrip视图无法加载jquery验证

我在使用 Kendo UI 的 Tabstrip 时遇到问题。我在标签条中有两个标签,我想在标签条的第一个视图中使用客户端 jquery 验证。

谷歌浏览器:https://i.stack.imgur.com/bkxAd.png

我有一个加载标签条的视图,在这里我可以渲染脚本以进行验证。

使用标签条查看:https://i.stack.imgur.com/3pguI.png

在我要进行验证的选项卡中,我无法呈现脚本。

查看并验证:https://i.stack.imgur.com/W6riW.png

即使脚本已加载到带有标签条的视图中,我也无法让客户端验证在第一个选项卡中工作,也无法在带有验证的视图中呈现验证脚本。

有人有解决此问题的建议吗?

我有一个小问题。如果服务器端验证失败,如何从控制器返回并返回选项卡视图?

我现在有:

控制器:https://i.stack.imgur.com/RRDhs.png

我返回一个 PartialView,但它填充了整个视图,而不是只返回选项卡中的视图。

0 投票
1 回答
1127 浏览

icons - 如何在剑道 UI Angular TabStrip 标题中添加图标?

如何在 kendo UI Angular TabStrip 标题中添加任何类型的图标类(例如字体真棒图标)?当前 tabStrip 标题是使用 [title] 属性设置的。

0 投票
0 回答
502 浏览

angular5 - Anuglar 5 Kendo UI kendo-tabstrip-tab

我想在选择选项卡时动态读取 div 元素。

注意:我正在创建多轴图表。这就是我使用jquery图表的原因。

错误:未捕获(承诺中):TypeError:无法读取未定义的属性“nativeElement”

html:

控制器.ts

0 投票
1 回答
719 浏览

javascript - Kendo TabStrip 模板内部在 Kendo Grid 中不起作用

我有两个剑道网格。在这些网格中,我有一列是一个复选框。用户可以使用该列一次选择行或全部。

它适用于在页面中独立的一个网格。但另一个网格位于标签条内。在该网格中,此复选框列不起作用。

错误 CS0412 'item':参数或局部变量不能与方法类型参数同名。

错误 CS0412 '__razor_template_writer':参数或局部变量不能与方法类型参数同名。

0 投票
1 回答
3086 浏览

angular - Kendo UI Tabstrip Onclick 事件

当单击第二个选项卡中的按钮并且它必须转到第三个选项卡时,我试图有一个 onclick 事件。我在 jquery 中看到过,但无法在 TS 中实现,角度为 4/6

想看看我们需要为 onclick 事件 openApproachTab 编写什么类型的代码

0 投票
1 回答
163 浏览

asp.net-mvc - 剑道标签条内剑道网格的“无效模板”错误

我想将剑道网格放在剑道标签条内容中。它给出了“无效模板”错误。如果我只删除购买选项卡内的剑道网格,它可以正常工作。有解决方法吗?

0 投票
1 回答
53 浏览

javascript - 当前 TabStrip 无法刷新

我对 Kendo TabStrip 有疑问。当前的 TabStrip 无法刷新。例如,我有两个选项卡 Teams 和 Players。我在播放器选项卡上。当我编辑表单并单击保存时,我想用最新的更改重新加载当前的 Players 选项卡。我使用此代码

但播放器选项卡不会因最新更改而刷新。如果我想要带有最新更改的播放器选项卡。我需要转到团队选项卡

等待 2 秒,然后转到“玩家”选项卡

如何在不进入团队选项卡等待 2 秒并转到球员选项卡的情况下刷新当前球员选项卡?

0 投票
1 回答
1434 浏览

c# - 使剑道 tabStrip 选项卡的内容可滚动

我在拆分器中有一个剑道 tabStrip。我正在尝试仅使选定选项卡的内容可滚动。此时整个拆分器部分滚动并且 tabStrip 消失。

是否可以仅使选项卡内容可滚动?

屏幕:

滚动

代码

先感谢您

我已经删除了内容的顶部,以减少问题上的代码。