tabs 相关问题

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

从命令行打开新的终端选项卡 (Mac OS X)

是否可以从当前打开的选项卡中的命令行在 Mac OS X 终端中打开新选项卡? 我知道在终端中打开新选项卡的键盘快捷键是“CMD+t”,但我正在寻找...

回答 15 投票 0

CTab 名称下方有下划线

我正在使用Java SWT,并且我创建了一个对话框来接受用户的输入。 在对话框内,我使用“CTabItem”创建了两个选项卡。 所以最初当我打开对话框时

回答 1 投票 0

Bootstrap 5 中的选项卡未更改

我有一个引导选项卡区域,并使用 Javascript 在选项卡之间切换。 javascript 被调用但不会更改选项卡。 $('#tabList b...</desc> <question vote="0"> <p>我有一个引导选项卡区域,并使用 Javascript 在选项卡之间切换。 javascript 被调用但不会更改选项卡。</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code>&lt;script type=&#34;text/javascript&#34;&gt; $(&#39;#tabList button&#39;).click ( function (e) { e.preventDefault(); // bootstrap.Tab.getInstance(this).show() $(this).tab(&#39;show&#39;) } ); &lt;/script&gt;</code></pre> <pre><code>&lt;ul class=&#34;nav nav-tabs&#34; id=&#34;tabList&#34; role=&#34;tablist&#34;&gt; &lt;li class=&#34;nav-item&#34; role=&#34;presentation&#34;&gt; &lt;button class=&#34;nav-link&#34; id=&#34;jobs-tab&#34; data-bs-toggle=&#34;tab&#34; data-bs-target=&#34;#jobs&#34; type=&#34;button&#34; role=&#34;tab&#34; aria-controls=&#34;jobs&#34; aria-selected=&#34;true&#34;&gt;[tabHeaderJobs]&lt;/button&gt; &lt;/li&gt; &lt;li class=&#34;nav-item&#34; role=&#34;presentation&#34;&gt; &lt;button class=&#34;nav-link active&#34; id=&#34;employees-tab&#34; data-bs-toggle=&#34;tab&#34; data-bs-target=&#34;#employees&#34; type=&#34;button&#34; role=&#34;tab&#34; aria-controls=&#34;employees&#34; aria-selected=&#34;false&#34;&gt;[tabHeaderEmployees]&lt;/button&gt; &lt;/li&gt; &lt;/ul&gt; &lt;div class=&#34;tabContent&#34; id=&#34;tabContent&#34;&gt; &lt;div class=&#34;tab-pane fade&#34; id=&#34;jobs&#34; role=&#34;tabpanel&#34; aria-labelledby=&#34;jobs-tab&#34;&gt;[tabContentJobs]&lt;/div&gt; &lt;div class=&#34;tab-pane fade active show&#34; id=&#34;employees&#34; role=&#34;tabpanel&#34; aria-labelledby=&#34;employees-tab&#34;&gt;[tabContentEmployees]&lt;/div&gt; &lt;/div&gt;</code></pre> </div> </div> <p></p> <p>´´´</p> <p>主选择器是 tabList 还是 tabContent ?</p> <p>那么我是否需要从按钮中选择切换名称,然后使用 <pre><code>($(&#39;#tabContent a[href=&#34;#toggleNameOfTab&#34;]&#39;).tab(&#39;show&#39;)</code></pre> ?</p> </question> <answer tick="false" vote="0"> <p>根据您更新的代码,有几件事:</p> <ol> <li>无需选择<pre><code>#tabContent a</code></pre>。您的选项卡按钮已经具有 <pre><code>.nav-link</code></pre> 类,因此您可以将单击处理程序直接附加到这些按钮:</li> </ol> <pre><code>$(&#39;.nav-link&#39;).click(function() { $(this).tab(&#39;show&#39;); }); </code></pre> <ol start="2"> <li>要以编程方式激活页面加载时的特定选项卡,您可以执行以下操作:</li> </ol> <pre><code>$(&#39;#employees-tab&#39;).tab(&#39;show&#39;); </code></pre> <p>这将在加载时激活#employees-tab。</p> <p>需要了解的关键事项:</p> <ul> <li>使用 <pre><code>.nav-link</code></pre> 将点击处理程序附加到选项卡按钮</li> <li>使用 <pre><code>$(selector).tab(&#39;show&#39;)</code></pre> 以编程方式切换选项卡,其中 <pre><code>selector</code></pre> 是选项卡按钮的 ID 或元素</li> </ul> </answer> </body></html>

回答 0 投票 0

微软团队中的ajax请求 - 桌面应用程序

是否可以在团队桌面应用程序选项卡中显示的页面中执行ajax请求?它似乎适用于浏览器团队应用程序,但不适用于桌面应用程序。

回答 1 投票 0

如何自动调整 WPF 数据网格高度以填充标签页面

我需要让 DataGrid 高度自动扩展以满足其所在选项卡页的高度。目前,DataGrid 的高度仅扩展以满足其包含数据的所有行的高度。 这是一个

回答 1 投票 0

如何复制在 Firefox 中打开的选项卡的 URL?

只是想要一种方法来复制我在 Firefox 中打开的一些选项卡的 URL 以粘贴到文档中。

回答 1 投票 0

Control_RunDLL - 打开顺序窗口?

我不知道这是否可能,但我想我还是会问。 我知道您可以将 ,,tabnumber 附加到 a 的末尾 rundll32.exe shell32.dll,Control_RunDLL 在

回答 1 投票 0

将 TabPanel 更改为 Visibility.Collapsed 在代码隐藏中

我目前遇到以下问题:WPF TabControl 折叠选项卡标题未完全隐藏(当我折叠 TabItems 时,我仍然看到一条由几个像素组成的灰线,其中

回答 1 投票 0

转到 Bootstrap 选项卡内的锚文本

我正在尝试创建一个 URL 链接,用于在特定元素(表单)处打开特定页面。 但该元素位于该页面的引导选项卡内。 为了打开正确的选项卡,我遵循了...

回答 1 投票 0

如何为 JQuery 终端创建选项卡

我正在尝试为我的 JQuery 终端创建一个选项卡系统,但我不知道如何为其添加功能。 例如,我想要 X 按钮关闭当前选项卡,以及 + 按钮打开新选项卡...

回答 1 投票 0

如何根据“名称”列值将一个选项卡中的表格数据拆分为多个单独的选项卡?

假设我有以下名为“table_raw”的 Google Sheets 示例表: 姓名 日期 价值 重量 数数 吉姆 11/6/2023 3 0.75 44 吉姆 11/6/2023 2 1 2 担 11/6/2023 5 1.3 37 担 11/13/2...

回答 1 投票 0

使用 expo-router 在 Expo 中活动时 TabBar 图标颜色不改变的问题

我在 Expo 应用程序中使用 expo-router 进行导航,并遇到 TabBar 的问题,即图标颜色在活动时不会改变。我已经设置了我的 Tabs.Screen 组件,具体...

回答 1 投票 0

从 ion-tab-button 中删除周围的空间

我有以下离子选项卡布局: 我有以下离子选项卡布局: <ion-tabs #tabs (ionTabsDidChange)="setCurrentTab()" > <ion-tab-bar slot="bottom"> <ion-tab-button routerDirection='root' *ngFor="let tab of tabList" [tab]="tab.root" class="actual-tab"> <ion-grid> <ion-row> <ion-col size="10"> <ion-thumbnail id="thumbnail_viewer{{tab.root}}"></ion-thumbnail> </ion-col> <ion-col size="2" class="ion-align-self-start ion-justify-content-end"> <ion-icon class="close" name="close" (click)=closeTab(tab.root) title="Close tab" [style.visibility]="tab.root === 'tab1' ? 'hidden' : 'visible'"></ion-icon> </ion-col> </ion-row> <ion-row> <ion-col size="10"> <ion-label>{{tab.title}}</ion-label> </ion-col> </ion-row> </ion-grid> </ion-tab-button> <ion-tab-button (click)="addTab(false)"> <ion-icon name="add-circle"></ion-icon> </ion-tab-button> </ion-tab-bar> </ion-tabs> </ion-content> 我希望离子选项卡按钮中包含的离子网格占据选项卡按钮的整个宽度,即我希望红色空间延伸到与下面屏幕截图中的空白区域相同的大小: 我已经发现,如果我在网格级别的开发人员工具中将弯曲方向从列更改为行,它就会给出我想要的结果。但我无法弄清楚如何在 css 甚至内联样式中做到这一点。我花了很长时间从离子文档中尝试了很多东西。有人能指出我正确的方向吗? 最终找到了解决办法。我所需要的只是: ion-tab-button {​     flex-direction: row; } 我在另一个论坛上找到了这个解决方案,它对我有用 ion-tab-button { max-width: inherit; // you can add this 2 to remove the padding --padding-start: 0px; --padding-end: 0px; } 为我工作: ion-tab-button { max-width: 100%; }

回答 3 投票 0

关闭 chrome 选项卡时遇到问题

我正在使用谷歌登录我的应用程序,并且登录页面正在加载 Flutter 自定义选项卡包。我的页面已成功加载,但我想以编程方式关闭选项卡并将其路由到...

回答 1 投票 0

使用选项卡时保持焦点在表单输入上循环,而不是移动到第二个表单

我想在按下选项卡时将焦点限制在单个表单上。 我的意思是关注表单 1 的选项卡索引 1、2 和 3,然后在同一表单中移回到 1,然后是 2,依此类推,永远不会...

回答 3 投票 0

使用道具禁用 Material UI 选项卡指示器动画

我正在使用 Material UI 选项卡作为我的导航菜单。 我想在导航到另一条路线时禁用指示器的动画。 我知道有一个对象道具 TabIndicatorProps。但什么是...

回答 4 投票 0

访问浏览器中其他选项卡的内容

我正在使用 Mozilla Firefox,我正在尝试找出一种使用 JavaScript 和 DOM 访问同一窗口中其他选项卡内容的方法(如果存在的话,我愿意接受其他技术)。 例如,我...

回答 5 投票 0

缺少窗口功能

我的“主页”窗口右上角的最小化、最大化和关闭按钮丢失,并且无法单击并拖动窗口。我尝试了几种重写方法,但我处于困境......

回答 1 投票 0

如何在 gnome-terminal v3.44.0 (ubuntu 22.04) 中从命令行打开多个选项卡,同时在每个选项卡上运行一个自定义命令?

如何在 gnome-terminal v3.44.0 (ubuntu 22.04) 中从命令行打开多个选项卡,同时在每个选项卡上运行一个自定义命令? 我发现的所有其他问题/答案都有关于使用的答案...

回答 1 投票 0

工具提示弹出窗口未显示在 nz-tabs 中

我有两个选项卡,我想在选项卡文本之前添加一个信息图标。将鼠标悬停在图标上应显示一个工具提示弹出窗口。 对于第一个选项卡,我将工具提示添加到锚标记。结果,

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.