问题标签 [kendo-tabstrip]

我有一个放置在页面上的剑道网格，它跨越整个可见页面（宽度和高度）。如果行太多，网格会显示一个滚动条。

但是，当我将网格放置在 Kendo TabStrip（高度为 100%）内时，网格的高度变得不受限制，滚动不显示，页面外的行不可见（无法滚动到）。

如何将网格限制为 tabstrip 的高度？

我有一个剑道选项卡的视图。选项卡内容是呈现的页面。该呈现的页面具有部分视图。当我单击该局部视图中的按钮时，我希望局部视图更改为不同的局部视图。到目前为止，我只能让第一个“页面”正常工作，但是当我尝试返回第二个“页面”时，它不会出现在网格内。如何在选项卡内切换部分视图？

为了说明，我有一个带有基诺标签条的视图。当您单击合同选项卡时，会在该选项卡上呈现视图 Contracts.cshtml。合同视图最初包含一个名为 ContactsGrid.cshtml 的局部视图。这部分工作正常：

当我单击 ContractsGrid.cshtml 中的按钮时，我希望局部视图从 ContractsGrid.cshtml 更改为 ContractsEdit.cshtml：

相反，我得到的只是带有 ContractsEdit.cshtml 的 Contracts.cshtml，而且我正在丢失标签条：

如何更改该内部局部视图并将其保留在标签条内？

这是我的代码：

Admin.cshtml（为简洁起见，我省略了几个选项卡）

ContractsGrid.cshtml

合同Edit.cshmtl

管理员控制器.cs

我有一个带有关闭按钮的剑道标签。问题是我无法获得按钮单击事件来关闭该选项卡。

I want to use the Bootstrap Grid system to organise within Teleriks KendoUi TabStrip content. The first 2 rows shall use 10 column units, the third row has two elements with each 5 column units. It seems two x 5 unit columns don't add up to the width of 10 units in the first two rows. It's working outside of TabStrip. The Questions is: How do I fix the difference in behaviour? Here is a sample: http://jsbin.com/xiherudoji/edit?html,output

我有三个选项卡，我想用页面上已经存在的部分内容填充这些选项卡：

我的标签条：

Javascript：

如何使用 Kendo TabStrip 代码在这些选项卡中使用我的自定义部分？请告诉我。

干杯。

我正在尝试实现一个 Kendo Tab Strip 并应用 ui-router 来显示选项卡的内容。我可以使用 ui-view 显示标签条，但不能显示内容。任何人都有如何使这些项目协同工作的示例。

我的 html 示例。

您好，我正在使用 kendo ui，我有一个带有 tabstrip 的 jsp 页面，其中一个标签是包含更多标签的其他 jsp 文件。但它给了我错误 *

NotSupportedError：无法在“文档”上执行“registerElement”：“kendo-surface”类型的注册失败。已注册具有该名称的类型。在 BidsScreenUpdated.jsp 中

*

所以，我正在使用 js 中的剑道。我想使用 tabstrip，但我希望标签包含在一个带有样式并包含一些其他元素的标题中，所以我想知道是否有一种方法可以分隔标签列表及其关联的 div。我正在寻找这样的东西：

但是，似乎我能找到的所有示例代码都只是将关联的 div 放在列表之后，因此 div 的顺序对应于列表顺序。有没有办法完成这种事情？

编辑：澄清一下，我正在寻找一种在标题之外显示 tabcontent div 的方法。我并不真正关心实际 div在html 中的位置，而是在页面上生成它们时它们将出现在哪里。

我正在使用带有角度 ng-repeat 和 ui-router 的 Kendo tabstrip。现在标签条可以根据输入有不同的组合和不同数量的标签。我可以为每个选项卡提供不同的 ui-sref 和 ui-view 名称，同时使用角度 ng-repeat 动态添加选项卡。

因此，此代码为每个选项卡提供了一个单独的 ui-view。选项卡中可能有 150 种不同类型的视图。所以，我不能硬编码路由器文件中的视图名称。我需要路由器接受视图名称的参数，或者至少以某种方式让路由器知道要使用 html 填充哪个视图。

是否可以以任何方式使视图名称动态化。应用程序中的其他部分定义了绝对的 ui-view 并且可以完美地工作。为使该部分的视图名称动态化所做的更改不应影响应用程序的其他部分。我可以使用相对视图以任何方式实现这一目标吗？感谢所有的帮助。

另外，如果我使用 ng-repeat 动态地将选项卡添加到 kendo-tab-strip，我可以为 tabstrip 指定一个 ui-view="details"。与所有选项卡状态一样，填充详细信息视图。

如果我这样做，所有选项卡第一次加载正常，但如果我尝试深入研究选项卡，例如：如果我尝试深入研究第五个选项卡，那么第五个选项卡的内容加载正常，但未显示。即使选项卡显示为活动状态（我使用 ng-class 作为函数来决定哪个选项卡应该显示为活动状态，方法是在添加时将 k-state-active 发送到适当的选项卡）。

如果我为不同的选项卡动态定义不同的视图，如下所示，

然后不知道，当单击特定选项卡时，如何告诉状态路由器应该填充哪个视图。比如点击第三个标签时，指定对应的ui-view为ui-view="third"，点击第四个标签时，指定对应的ui-view为ui-view="fourth"等等。如何配置在ui-router中动态查看？

非常感谢所有的帮助。

我需要动态更改选项卡文本，我可以这样做，但是当我更改文本时，设计会发生变化并且看起来很糟糕。

这是我所拥有的：

这是一个小提琴

我不知道为什么在更改文本后搞砸了，但我需要的是在不影响其他任何内容的情况下更改文本。