tabs 相关问题

一种用户界面模式，允许在内容的上方，下方或侧面显示带有导航参考的多个页面或元素。单击导航参考时，一个元素可见，而其他元素则关闭。通常，导航参考以指示其当前可见的方式进行颜色编码。

如何在 Javascript 中创建具有隐藏、禁用和启用功能的选项卡

我想从头开始创建 Javascript 选项卡选项卡链接需要响应式。选项卡链接还应将方向或对齐方式从水平更改为垂直选项卡应包含一个用于...

javascript tabs

回答 2 投票 0

用于转到并打开特定选项卡的外部哈希 (#) 链接不适用于 Bootstrap 5（在 4 上正常）？

我的目标是使用外部哈希 (#) url 链接来打开特定的 Bootstrap 选项卡。我喜欢与 html 锚点链接相同的功能，允许在任何页面、电子邮件等任何地方使用链接......

tabs bootstrap-5

回答 1 投票 0

有没有办法通过材质选项卡附加数据或ngModel？

我有一个像这样的 mat-tab-group，其中选项卡内容是根据所选选项卡决定的：我有一个像这样的mat-tab-group，其中选项卡内容是根据所选选项卡决定的： <mat-tab-group dynamicHeight=""> <mat-tab *ngFor="let investorScheme of investorDashboardData?.investorSchemes" label='{{investorScheme.schemeName}}'> <mat-form-field class="w-50" appearance="outline"> <mat-label>As On Date</mat-label> <mat-select [(ngModel)]="selectedDate"> <mat-option *ngFor="let d of investorScheme.displayDates" [value]="d"> {{d}} </mat-option> </mat-select> </mat-form-field> <table> </table> </mat-tab> </mat-tab-group> 如您所见，我在选项卡内显示了一个 select 框，其中选项是根据所选选项卡动态设置的。我的要求是每当选项卡更改时默认选择第一个mat-option。我正在寻找一种方法以某种方式附加或传递所选选项卡的数据，我可以在(selectedTabChange)事件中读取这些数据，但即使经过大量搜索，我也找不到任何方法来做到这一点。有什么办法可以将一些数据附加到ts文件中可以读取的选项卡上吗？如果没有，有没有办法设置选项卡更改时选择默认选择的第一个选项，并根据选项卡加载选择？是的，您可以使用 selectedTabChange 事件： tabChange(event: MatTabChangeEvent) { this.selectedDate = this.investorDashboardData.investorSchemes[event.index].displayDates[0]; } <mat-tab-group dynamicHeight="" (selectedTabChange)="tabChange($event)"> ... </mat-tab-group> 演示@StackBlitz

angular angular-material tabs

回答 1 投票 0

如何动态调整导航选项卡的宽度以使其填满屏幕

我有一个导航选项卡，如下所示：我正在使用省略号，但我不喜欢我的导航分散在第二行。我不想使用 nav-justfied 而是能够挤压我的所以... 我有一个导航选项卡，如下所示：我正在使用省略号，但我不喜欢我的导航分散在第二行。我不想使用 nav-justfied，而是能够挤压我的，以便它适合屏幕，并且用户不必水平滚动。像下面这样到目前为止我的代码 .nav-tabs>li:not(.active)>a { background-color: white; border: 1px solid #ddd; border-bottom: none; border-top: 3px solid #9d9d9d; text-overflow: ellipsis; max-width: 10em; overflow: hidden; display: block; } .nav-tabs { padding-left: 15px; padding-right: 15px; padding-top: 15px; white-space: nowrap; } <ul class="nav nav-tabs"> <div class="btn-toolbar pull-right"> {% block tab_buttons %} {% endblock %} </div> <li role="presentation" class="{% if '/hosts' in request.path %}active {% endif %}inverse"><a href="{% url 'sc:events:hosts-list' event.id %}" role="tab">Hosts</a></li> {% for tab in event.benchmarks.all %} <li role="presentation" class="{% if 'summary' in request.path and tab == benchmark %}active {% endif %}inverse"><a href="{% url 'sc:events:benchmarks-summary' event.id tab.id %}" role="tab">{{ tab.name }}</a></li> {% endfor %} </ul> 我不是 100% 确定你在问什么，但听起来你可以从使用中受益：在导航栏上显示 flex。如果您在同一页面上加载内容（如管理面板），我强烈推荐Jquery Tabs。在选项卡上使用 Display:inline-flex; css 属性。

html css twitter-bootstrap twitter-bootstrap-3 tabs

回答 2 投票 0

Html 中的新标签

我正在制作一个网站，该网站接受用户的输入（文本），查找文本中的特定单词，并返回突出显示单词的全文。虽然我想在新选项卡中显示结果，...

javascript html tabs

回答 1 投票 0

C + WinAPI：如何使用Tab键在控件之间切换？

我使用 WinAPI 用 C 创建了一个小应用程序，但有一个小问题。 Tab 键不会在控件之间切换。应该是自动的吗？如果没有，您能告诉我如何实施吗？我做了一个

c winapi tabs

回答 3 投票 0

如何在 React/Antd 中将 Tab Bar 标题创建为固定/粘性？

我需要修复在抽屉中打开的标签栏标题。这是我尝试过的。 Antd 推荐使用react-sticky lib。不知怎的，它不起作用。也许原因是抽屉卷轴等。E...