标签: tabs

如何在保存时将制表符转换为空格?

我想在保存文件时将制表符更改为空格。我以为设置中有一个选项或至少有一个扩展,但我看不到它。

我看过很多其他关于删除的帖子trim.trailingWhitespace,但这不是我要找的。我还使用按 Tab 键时从制表符到空格的转换。但这又不是我的问题。

我正在寻找的是保存文件并自动将所有选项卡更改为空格,就像 Qt Creator 所做的那样。

whitespace tabs indentation visual-studio-code

1
推荐指数
1
解决办法
2324
查看次数

NestedScrollView 外部主体上的滚动侦听器

我正在尝试创建材质本机选项卡,因此当我们滚动页面时,应用程序栏会折叠,但选项卡栏应该始终可见,我在 flutter 中使用 NestedScrollView 实现了这一点

class HomeScreen extends StatefulWidget {
    @override
    _HomeScreenState createState() => _HomeScreenState();
}

class _HomeScreenState extends State<HomeScreen> with SingleTickerProviderStateMixin {
    TabController _tabController;

    @override
    void initState() {
        super.initState();
        _tabController = TabController(length: 2, vsync: this);
    }

    @override
    void dispose() {
        super.dispose();
        _tabController.dispose();
    }

    @override
    Widget build(BuildContext context) {
        return NestedScrollView(
            headerSliverBuilder: (BuildContext context, bool isBoxScrolled) {
                return [
                    SliverAppBar(
                title: Text("Scroller title"),
                forceElevated: isBoxScrolled,
                pinned: true,
                floating: true,
                bottom: TabBar(
                    tabs: [Tab(text: "tab1"), Tab(text: "tab2")],
                    controller: _tabController))
          ];
        }, …
Run Code Online (Sandbox Code Playgroud)

tabs nestedscrollview flutter

1
推荐指数
1
解决办法
3916
查看次数

失败的道具类型:不支持道具“children”。请删除它

我在项目中第一次使用 Material UI 选项卡,一切正常,但运行项目时控制台中出现一个错误,这是 我在控制台中得到的内容 ,这是我使用 选项卡的代码示例请帮我?谢谢

tabs children reactjs material-ui

1
推荐指数
1
解决办法
3938
查看次数

如何使用javascipt切换Bootstrap 5选项卡(按钮版本)

我想对开关选项卡进行编程(使用 bootstrap 5)。Bootsrap 文档说:

作为最佳实践,我们建议使用选项卡元素,因为这些是触发动态更改的控件,而不是导航到新页面或位置的链接。

所以我想使用按钮而不是链接。代码:

$("#mybut").click(function() {
  var sel = document.querySelector('#nav-tab-manager')
  bootstrap.Tab.getInstance(sel).show()
})
Run Code Online (Sandbox Code Playgroud)
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<nav>

<div class="nav nav-tabs" id="nav-tab" role="tablist">
  <button class="nav-link active" id="nav-tabs-order" data-bs-toggle="tab" data-bs-target="#tabs-1" type="button" role="tab" aria-controls="tabs-1" aria-selected="true">Orders
  </button>
  <button class="nav-link" id="nav-tab-manager" data-bs-toggle="tab" data-bs-target="#tabs-2" type="button" role="tab" aria-controls="tabs-2" aria-selected="false">Managers
  </button>
  </div>
</nav>


<div class="tab-content" id="myTabContent">
  <div class="tab-pane fade show active" id="tabs-1" role="tabpanel" aria-labelledby="tabs-tab1">
    Orders
  </div>
  <div class="tab-pane fade" id="tabs-2" role="tabpanel" aria-labelledby="tabs-2">
    Managers
  </div>
</div>

<button type="button" class="btn btn-primary" id="mybut">Want switch to manager</button> …
Run Code Online (Sandbox Code Playgroud)

javascript tabs button twitter-bootstrap bootstrap-5

1
推荐指数
1
解决办法
2611
查看次数

无法在 Bootstrap 5 导航选项卡中的选项卡之间切换

我正在尝试创建一个登录页面,其中有两个选项卡。一个用于登录,另一个用于注册。我想在登录选项卡中显示用户名、密码,在注册选项卡中显示姓名、姓氏、电子邮件。我已经编写了代码,我可以看到这两个选项卡,但问题是,如果我将 class="nav-link active" 仅用于登录选项卡,那么我无法在它们之间切换,那么即使我可以看到它也只会显示并触摸注册选项卡,我没有切换。当我单独保持 class="nav-link active" 注册选项卡时,会发生同样的情况,登录选项卡无法访问。我希望我已经解释清楚了,请随时启发我。全部欢迎回复。谢谢。HTML 代码:

<body>
<div class="container">
        <ul class="nav nav-tabs">
            <li class="nav-item">
                <a class="nav-link active" href="#login-contents" id="login-tab">Log In</a>
            </li>
            <li class="nav-item" >
                <a class="nav-link" href="#register-contents" id="register-tab">Register</a>
            </li>
        </ul>
        <div class="tab-content">
            <div id="login-contents" class="tab-pane active">
                <table>
                    <tr>
                        <td>Username :</td>
                        <td><input type="text" id="ip-username" placeholder="Username"></td>
                    </tr>
                    <tr>
                        <td>Password :</td>
                        <td><input type="text" placeholder="Password" id="ip-password"></td>
                    </tr>
                </table>
            </div>
            <div id="register-contents" class="tab-pane fade">
                <table>
                    <tr>
                        <td>Name :</td>
                        <td><input type="text" placeholder="First Name" id="ip-f-name"></td>
                    </tr>
                    <tr>
                        <td>Last Name :</td>
                        <td><input type="text" placeholder="Last Name" id="ip-l-name"></td> …
Run Code Online (Sandbox Code Playgroud)

html tabs login-page twitter-bootstrap bootstrap-5

1
推荐指数
1
解决办法
4080
查看次数

选项卡中的大文本未完全显示 Flutter

我正在开发一个需要选项卡的 Flutter 项目,但其中一个选项卡名称很大,名称显示不完整,如图所示,我该如何解决这个问题,我想要文本TabBarmultiline我是新手颤振,因此任何帮助将不胜感激。

当前选项卡情况

这是代码

TabBar(
  tabs: [
    Tab(
      text: "Clock",
      icon: Icon(Icons.access_time),
    ),
    Tab(
      text: "Alarm",
      icon: Icon(Icons.access_alarm),
    ),
    Tab(
      text: "Stopwatch",
      icon: Icon(Icons.av_timer),
    ),
    Tab(
      text: "Countdown Timer",
      icon: Icon(Icons.timer_rounded),
    )
  ],
),
Run Code Online (Sandbox Code Playgroud)

tabs tabbar flutter flutter-layout

1
推荐指数
1
解决办法
2872
查看次数

React MUI Tab 组件导致重新渲染并删除子状态

我们正在尝试使用 React MUI 设计一个选项卡页面。我们希望每个选项卡中都有一个子组件。当我们将这些子组件添加到没有 Tab 的单个页面时,没有问题,但是当我们将它们添加到 MUI 的 Tab 和 TabPanel 组件时,就会出现重新渲染问题。从一个选项卡切换到另一个选项卡时,前一个选项卡中的所有字段和状态都将被删除。

我还添加了一个例子。

标签页组件:

export default function LabTabs() {
  const [value, setValue] = React.useState('1');

  const handleChange = (event: React.SyntheticEvent, newValue: string) => {
    setValue(newValue);
  };

  return (
    <Box sx={{ width: '100%', typography: 'body1' }}>
      <TabContext value={value}>
        <Box sx={{ borderBottom: 1, borderColor: 'divider' }}>
          <TabList onChange={handleChange} aria-label="lab API tabs example">
            <Tab label="Item One" value="1" />
            <Tab label="Item Two" value="2" />
            <Tab label="Item Three" value="3" />
          </TabList>
        </Box>
        <TabPanel value="1">
          <Deneme /> …
Run Code Online (Sandbox Code Playgroud)

javascript tabs reactjs material-ui

1
推荐指数
1
解决办法
5233
查看次数

Javascript在单个浏览器中打开多个选项卡

有谁知道如何在一个浏览器中打开多个URL.我希望在IE中的标签页中打开网址,而不是打开多个窗口.我试图使用JavaScript来解决这个问题.

javascript browser tabs

0
推荐指数
1
解决办法
2473
查看次数

如何用C中的任何内容替换空格和制表符?

我写了这个函数:

void r_tabs_spaces(char *input) {
       int  i;
       for (i = 0; i < strlen(input); i++)
       {
        if (input[i] == ' ' || input[i] == '\t')
                    input[i] = '';
       }
}
Run Code Online (Sandbox Code Playgroud)

但是当我编译并运行它时,编译器在我尝试输入[i] =''的行中抱怨"错误:空字符常量";

那怎么能用C做呢?

c tabs replace spaces

0
推荐指数
1
解决办法
3561
查看次数

Tab-Switching最近订单背后的理由是什么?

当用于选项卡/窗口/文档/任务切换时,我无法理解最近订单背后的原因(Windows在通过Alt+ 切换时如何排序窗口Tab).Firefox进行标签切换的方式(标签保持一致的顺序,Ctrl+ Tab/ Ctrl+ Shift+ Tab用于移动到下一个/上一个标签)似乎比按时间顺序切换更自然.

当有超过5个标签或窗口时,我很快忘记了它们被打开的时间顺序.因此,它们之间的切换顺序变得难以预测.即使我记得这片活跃的当前之前,哪一个是之前活跃的是,它只是需要大量的击键切换到这些.比我在Firefox或Chrome中使用直接订单更多.

  1. 除了向后兼容性(对于习惯于旧热键和使用模式的用户),是否有合理的理由在应用程序中使用MRO?
  2. 为什么它仍然在Windows中使用Alt+ Tab应用程序之间切换?

user-interface tabs

0
推荐指数
1
解决办法
243
查看次数