问题标签 [toggleswitch]

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 投票
2 回答
2083 浏览

html - 如何将 SVG 添加到切换按钮?

我有一个在多个地方使用的 ToggleButton 组件。对于其用途之一,我希望将 SVG 呈现为滑动的切换按钮的一部分(如果您查看位于评论链接中的示例,我指的是圆圈部分)。

这是我的组件代码:

这是CSS文件:

0 投票
1 回答
1724 浏览

flutter - 如何在颤动中将控制器添加到自定义小部件

我有一个父小部件,它调用我制作的自定义 Switch 小部件。我需要父小部件中的开关值(无论是打开还是关闭)。我可以在我的开关小部件中创建一个控制器来返回该值吗?

目前,我正在从我的父小部件传递函数,它根据开关小部件中的开关值更改我的父小部件中的布尔值的值。

父小部件:

自定义开关小部件:

每当我需要开关时,代码中的任何地方都会使用开关小部件,有时我不需要知道开关的状态,我只需要在开关切换时执行一个函数,但是我编写代码的方式,每当我调用开关时,我都需要在任何地方传递 bool 。寻找更好的方法来做到这一点。例如: Bool val 是不必要的,因为我不需要它。

0 投票
2 回答
343 浏览

uwp - 如何在 UWP 中包装 ToggleSwitch 的 OffContent/OnContent?

自定义切换开关中的 OffContent/OnContent 不适合一行,因为它有自定义文本,并且网格中的单元格(放置 ToggleSwitch 的位置)不够宽。

即使我为 OffContentTemplate 和 OnContentTemplate 定义自定义模板,Off/OnContent 也会超出 ToggleSwitch 元素的边界

问题示例

如何强制 Off/OnContent 包装并适合 ToggleSwitch 边界?

期望的结果,其中 Off/OnContent 被包装

0 投票
1 回答
65 浏览

c# - Listview 中的 UWP C# Toggleswitch - 单击 Toggleswitch 时如何获取行的项目

所以我在 Toggleswitch 上有这个 Listview。我想要做的是触发一个事件,ItemClick="Event_Overview_Teams_ItemClick" 但使用 Toggled="TeamPresent_Toggled" 并处理单击行的 TeamID 等项目。

非常感谢您提前

0 投票
0 回答
741 浏览

javascript - React Native Switch 和 Toggle API 调用

我正在使用 [React Native Switch][1]。

在下面的代码片段中,我调用了两个 API:apiActive()apiInactive().

基于booking_status,如果booking_status === "0"它会显示ACTIVE,如果booking_status === "1" 它会显示INACTIVE

到目前为止,当我按下 Switch 时,它会调用 API 并booking_status0to更改,1反之亦然。同样,Switch 的状态从false变为true

但是,我正在努力实现以下目标:

  1. 基于booking_status,我希望 Switch 显示truefalse。也就是说,如果booking_status === "0",则 Switch 将保持不变false,如果booking_status === "1",则 Switch 将保持不变true(类似于INACTIVEACTIVE的显示方式)。

  2. 此外,当我按下 Switch 时,我希望调用 API。例如:如果booking_status === "0",按下 Switch 后会调用apiActive(),同时 Switch 状态变为true,文本由INACTIVE变为ACTIVE,反之亦然。

代码片段:

在过去的几个小时里,我一直在尝试解决这个问题,但此时真的很烦人。如果需要 API 代码,我很乐意添加它。 [1]:https ://reactnative.dev/docs/switch

0 投票
2 回答
900 浏览

angular - Angular 8 拨动开关数据绑定

我正在尝试创建这样的拨动开关

在此处输入图像描述

当我尝试像这样使用 [checked] 将数据绑定到开关时,

还有我从服务中收到的数据

那么值是未定义的。有什么建议可以解决这个问题吗?

在此处输入图像描述

0 投票
1 回答
195 浏览

c# - 如何制作 TopMost 拨动开关

您好,我正在尝试制作 TopMost 切换开关,代码如下: private void bunifuiOSSwitch1_OnValueChange(object sender, EventArgs e)

起初它在切换到 true 时工作,在切换到 false 时工作,但是当我尝试重新切换它时它没有工作,之后我尝试再次更改代码但也没有用......现在它没有甚至 TopMost。

0 投票
1 回答
131 浏览

delphi - 我在 Delphi 10.3.3 的 OnClick 事件中遇到堆栈溢出错误

好的...我有这个表单,toggleSwitch用户必须单击它们,然后什么都没有发生...稍后我将在每个表单中都有UPDATE查询,但绝对什么都不做,我得到一个堆栈溢出错误. 我只是这样做,它必须检查开关是否处于关闭模式,然后必须将其打开,否则......请帮我解决这个问题

注意:我有类似的应用程序可以正常工作,ToggleSwitches但这个很有趣

0 投票
1 回答
186 浏览

wpf - WPF prism:在切换开关上使用命令

我想将委托命令与切换开关时触发的 Horizo​​ntaltoggleswitch 一起使用。我使用带有按钮和文本框的委托命令(按下回车键时触发事件),但我找不到如何使用切换开关解决这个问题?我试过这个:XAML:

视图模型:

但我真的不知道如何处理事件。谢谢你的任何想法!

0 投票
1 回答
255 浏览

xaml - 如何在 UWP 中创建自定义切换开关样式

我正在尝试通过进入切换开关的文档大纲并选择编辑副本并放置在我的样式资源字典中,为 UWP 应用程序创建自定义切换开关样式。但是,当我这样做时,我得到一个 XAML 错误,XDG0062: The Resource "Unknown" has an incompatible type。这是在我什至对样式进行任何更改之前,就在我创建副本并将 ToggleSwitch 设置为新样式时。该错误实际上体现在按住切换按钮的 Grid 中。

复制:创建一个新页面,添加一个网格,添加一个 ToggleSwicth。然后在文档大纲中,编辑模板,将位置复制到资源字典中。注意:滑块控件也有同样的问题。

我“感觉”问题出在标题和/或开/关内容呈现器上,因为将控件指向新样式时默认内容“消失”,但对于我的生活,我无法弄清楚。

任何帮助表示赞赏。