如何在其他地方重置FluentUI下拉选择？
在其他地方重置FluentUI下拉选择，可以通过以下步骤实现：
- 首先，确保你已经在项目中引入了FluentUI的相关库和组件。
- 在需要重置下拉选择的地方，获取到对应的下拉选择组件的引用。
- 使用组件提供的方法或属性来重置下拉选择。具体的方法或属性名称可能会根据你使用的FluentUI版本而有所不同，以下是一种常见的做法：
- 如果下拉选择是受控组件（即通过value属性控制选中的值），可以将value属性设置为初始值或空值，例如：
dropdown.setValue("")。 - 如果下拉选择是非受控组件（即通过defaultValue属性设置初始值），可以将defaultValue属性设置为初始值或空值，例如：
dropdown.setDefaultValue("")。
- 如果下拉选择是受控组件（即通过value属性控制选中的值），可以将value属性设置为初始值或空值，例如：
- 如果需要，可以在重置后执行其他操作，例如更新相关状态或重新渲染组件。
下面是一些FluentUI相关的资源和推荐的腾讯云产品：
- FluentUI官方文档：Fluent UI Documentation
- 腾讯云云服务器（CVM）：提供可扩展的云服务器实例，适用于各种规模的应用场景。腾讯云云服务器产品介绍
- 腾讯云对象存储（COS）：提供安全、稳定、低成本的对象存储服务，适用于存储和处理各种类型的数据。腾讯云对象存储产品介绍
请注意，以上仅为示例，具体的产品选择应根据实际需求和情况进行评估和决策。
相关·内容
如何让FluentUI的DetailsList标题像在OneDrive中那样在点击时显示下拉菜单？
浏览 4提问于2020-05-28得票数 0
我正在使用FluentUI下拉控件，但找不到自定义悬停样式的方法。我想将悬停颜色从灰色更改为蓝色。我试着跟踪，但似乎不起作用。任何帮助都将不胜感激。 const dropdownStyles: Partial<IDropdownStyles> = {
dropdownItems: {
selectors: {
'& .dropdownItem-168:hover': {
backgroundColor: '#0067B8',
color: 'white',
浏览 44提问于2020-06-16得票数 0
当用户从@fluentui/react-northstar使用的下拉搜索选择中选择一个选项时，我希望调用一个函数。
import React from 'react'
import { Dropdown } from '@fluentui/react-northstar';
class someComponent extends React.Component {
constructor(props) {
super(props);
this.state = {
inputItems: [
'
浏览 4提问于2022-01-19得票数 -1
我目前的情况是，我不能完全测试我的一个组件，因为它呈现了一个fluentUi dropdown，并且我很难测试正确的项目是否绑定到下拉列表。 我想要尝试的是模拟流畅的ui DropDown，但我没有走得太远。 据我所知，模拟一个节点模块应该是可能的： let module = require.requireActual("@fluentUi/react");
module.DropDown= jest.fn((props: IDropDownProps) => { return <>... some content</>; });
jest.
浏览 17提问于2020-06-09得票数 0
我在我的机器上创建了一个创建-反应应用程序项目。
我在我的项目目录终端中运行npm i @fluentui/react来安装fluent ui包。
我有一个简单的代码来显示下拉列表，其中包含了所有正确的导入。
import { Dropdown, DropdownMenuItemType, IDropdownStyles, IDropdownOption } from '@fluentui/react/lib/Dropdown';
const dropdownStyles: Partial<IDropdownStyles> = {
dropdown: { wi
浏览 16提问于2022-07-05得票数 0
1回答
我试图在reactjs项目中运行一些简单的测试。当被测试的组件具有“@fluentui/ run”或“@fluentui/run northstar”导入时，我会遇到以下错误-
Test suite failed to run
TypeError: Class extends value undefined is not a constructor or null
1 | import { Provider } from 'react-redux';
> 2 | import { registerIcons } from '@fl
浏览 8提问于2022-02-04得票数 1
1回答
我正在尝试在我们的SharePoint在线站点@ https://www.c-sharpcorner.com/article/modal-popup-in-spfx/中开发这个SPFX 我执行了以下步骤，但得到了错误： Your environment has been set up for using Node.js 14.17.0 (x64) and npm.
C:\Windows\System32>md spfx-MyModalPopup
C:\Windows\System32>
C:\Windows\System32>cd spfx-MyModalPopup
浏览 169提问于2021-11-05得票数 0
如何在fluentui/React中保持DataList中的分页选择
<DetailsList
items={items}
compact={true}
columns={columns}
selectionMode={SelectionMode.multiple}
getKey={getKey}
setKey="none"
layoutMode={DetailsListLayoutMode.justified}
isHeaderVisible={true}
onItemInvok
浏览 5提问于2021-03-10得票数 0
我正在创建一个使用Microsoft fluent-ui库的电子应用程序。我已经在package.json文件中添加了引用@fluentui/react": "^7.107.1。当我像这样创建一个下拉列表时 <Dropdown label='Time zone' onChange={(e, option) => this.updateTimeZone(..)} /> 缺少带下拉图标的插入符号。 ? 在检查元素时，与文档中的示例相比，似乎i-tag是空的，并且没有在css类中应用正确的字体。 ? 有人能看到我做错了
浏览 35提问于2020-04-20得票数 0
1回答
我正在使用react测试库来测试用FluentUI构建的组件。
下面是链接：
该代码基本上是从Dialog文档站点粘贴的FluentUI组件示例代码的片段。我正在测试的行为是：
用户打开对话框用户单击外部的组件的支柱应该被触发。
当我手动使用它时，它可以工作，但是，我似乎没有用测试库来模拟组件外部的单击。
我试过使用userEvent.click(document.body)，就像在中提到的那样，但没有得到任何进展。
有谁知道如何使测试有效吗？
浏览 2提问于2021-06-11得票数 2
回答已采纳
打开下拉选项列表时，滚动条移动到底部。最后一个选项在select选项列表中可见。
有人能提供解决方案来将列表项滚动条显示到最上面的大多数项目吗？
import React from 'react'
import { Dropdown } from '@fluentui/react-northstar';
class someComponent extends React.Component {
constructor(props) {
super(props);
this.state = {
currentObject: &
浏览 7提问于2022-01-31得票数 0
我正在遵循this blog在SPFX部件中实现fluentUI，但是在执行"Gulp Build“时，我得到了以下错误： Error - [tsc] node_modules/@fluentui/react/lib/components/GroupedList/GroupedListSection.d.ts(9,38): error TS1005: ';' expected.
[05:38:38] Error - [tsc] node_modules/@fluentui/react/lib/components/GroupedList/GroupedLi
浏览 56提问于2021-08-23得票数 1
我正在使用Microsoft's fluent ui starter kit for gatsby.js。如果我使用gatsby Link组件，则无法获得FluentUI的样式。但是，如果我使用fluentui链接组件，我无法获得gatsyby链接组件的行为，该组件链接到gatsby站点中的其他页面。也就是说。 我想使用这个： import { Link } from 'gatsby';
<Link to="/contact/">Contact</Link> 如果我使用下面的代码，我就会得到这样的样式： import {
浏览 27提问于2020-12-29得票数 1
回答已采纳
有没有关于如何将样式定制应用于新按钮的文档？使用IButtonStyles界面的样式在新按钮上中断，如下面的代码所示。 import { PrimaryButton } from '@fluentui/react';
import { Button as FluentButton } from '@fluentui/react-button';
const btnStyles = {
rootHovered: {
background: "red"
}
};
return (
<div>
浏览 10提问于2021-01-08得票数 0
回答已采纳
我正在尝试使用Fluent UI上的PeoplePicker控件： https://developer.microsoft.com/en-us/fluentui#/controls/web/peoplepicker 如何在做出选择时触发操作？我在应用程序接口中没有看到任何onChange方法或类似方法。
浏览 8提问于2020-09-17得票数 0
回答已采纳
我正在尝试在Outlook web加载项项目上安装fluent UI，但收到不同的错误： 在@fluentui/react - npm中，我说我应该使用npm i @fluentui/react，但我得到： http fetch GET 200 http://registry.npmjs.org/@fluentui%2ffont-icons-mdl2 337ms
silly fetchPackageMetaData error for @fluentui/font-icons-mdl2@^8.0.4 UNKNOWN: unknown error 在Release notes中说我应该使用np
浏览 14提问于2021-04-20得票数 0
回答已采纳
我在所有匹配的输入上都有这个绑定事件：
$('input[name$="_keyword"]').each(function() {
$(this).bind("propertychange keyup input paste", function(event){
if ($(this).val() != '') {
$(this).prevAll('select').attr('disabled', true);
} else {
$(thi
浏览 0提问于2012-09-11得票数 3
回答已采纳
我有一个下拉列表：<asp:DropDownList id="dropdownid" runat="server" class=blah"/>
在我的jQuery中，我像这样分配了更改事件：
$('#dropdownid').change(function() {......});
现在，当我从下拉列表中选择不同的值时，这是有效的，但是假设我想再次选择相同的值。(因为我想使用相同的值进行另一个调用)，因此，当我再次选择它时(不更改值)，只需单击下拉菜单中的选定值并再次“选择”它，就不会触发任何事件。在jquery中有没有另一个
浏览 1提问于2009-05-22得票数 34
回答已采纳
我使用的是fluentui/react-northstar库。我正在使用dropdown组件和onChange处理程序。我无法从onChangeHandler方法的dropdown中获取当前选定的值。 我的代码片段 import React from "react";
import { Flex, Header, Dropdown } from '@fluentui/react-northstar';
class DropdownComponent extends React.Component {
constructor(props) {
浏览 59提问于2021-09-15得票数 0
回答已采纳
嗨，我是一个反应初学者，我正在使用流利的UI在我的项目。我计划从Fluent UI中使用Panel控件，并将其作为通用组件，这样我就可以重用它了。
import * as React from 'react';
import { DefaultButton } from '@fluentui/react/lib/Button';
import { Panel } from '@fluentui/react/lib/Panel';
import { useBoolean } from '@fluentui/react-hooks';
浏览 6提问于2022-04-07得票数 0
1回答
我是CSS的新手。我已经在html中开发了一个，我有一个下拉菜单，下拉菜单的代码如下
<select id="jobTitle" name="jobtitle" class="select-width">
<option value="">من فضلك اختر</option>
<option value="Employee">موظف
浏览 1提问于2015-01-28得票数 0
2回答
我有一个下拉列表和一个“多个”下拉列表，如下所示
@Html.DropDownList("process", Model.Processes, new { placeholder = "-- select --", style = "width: 100%", multiple = "multiple" })
@Html.DropDownList("products", Model.Products, new { placeholder = "-- select --", style = "
浏览 1提问于2015-09-22得票数 1
1回答
单击按钮后，我将尝试更改下拉文本。换个位置也许是个更好的选择，但我不知道该如何去尝试。每当我将下拉列表的值更改为新文本或尝试时，下拉列表将在第一行显示空白文本，它应该说：“选择现有的一组查询结果：”。
HTML：
<select id="asset" class="titilium"
selectedIndex="{{currentIndex}}"
value="{{dropDownValue}}"
on-change="{{changedHandler}}" required&
浏览 0提问于2014-08-05得票数 0
回答已采纳
2回答
我的程序中有两个下拉框。当您从第一个下拉列表中选择一个项目时，它会在第二个下拉列表中填充可选择的项目。当我在第二个中选择了一些东西，然后更改了第一个中的选择，值仍然保留在第二个中。当第一个下拉菜单改变时，我如何“重置”第二个下拉菜单？
任何帮助都是很棒的！
下拉列表是一个windows窗体。
浏览 1提问于2012-04-01得票数 1
回答已采纳
我在为我的办公室设计一个仪表盘。这一切都可以工作，但我想添加一个选项，而不是在下拉列表中搜索250+项，您也可以单击一个单元格，下拉列表将更改为该值，并为该下拉列表运行指定的宏。到目前为止，我还不知道如何让vba从下拉列表中选择特定的项目。我可以更改文本，但这不会选择下拉列表的索引。
有什么建议吗？
浏览 2提问于2014-03-07得票数 2
1回答
我正在尝试从FluentUI进度栏中移除轨道。我只能使用这个库，所以请求一个备用程序不是一种选择。
我试图将css添加到我的应用程序中以覆盖，但我相信，我对组件所做的任何更改都是重写的，而不是我的_Layout.cshtml中的行。
<script type="module" src="~/css/fluentui/web-components.min.js"></script>
如何在我想要使用的组件中编辑以下css？
浏览 2提问于2022-08-02得票数 1
1回答
我有产品组件，它将道具传递给过滤器组件，因此过滤器组件呈现语义-ui下拉列表，被传递的道具填满。
在对某些筛选器进行选择后，将下拉语义集状态转换为所选值。
“清除所有”按钮更新产品和过滤组件，但保持下拉未动，因为他们的状态保持不变。我试着把一些新的定制道具传下来，但没有成功。
过滤器被渲染成这样-
那么问题是--如何取消语义下拉列表的值？
浏览 0提问于2019-01-14得票数 0
回答已采纳
我对微软的fluentui中的受控有问题。我无法插入我自己的文本，在插入并按enter后，文本将消失。选项选择工作正常，没有问题。
这里有一个代码人：
<ComboBox
componentRef={comboBoxRef}
defaultValue={selectedKey}
selectedKey={selectedKey}
label="Basic ComboBox"
allowFreeform
autoComplete="on"
options={comboBoxBasicOptions}
浏览 9提问于2020-11-03得票数 0
3回答
我是react测试库的新手，所以这可能很简单，但我现在有一个从fluent UI导入的下拉列表，当我尝试使用React测试库测试它时，得到一个“元素没有值设置器”错误。这是我的渲染函数。
import { Dropdown, IDropdownStyles, IDropdownOption } from 'office-ui-fabric-react/lib/Dropdown';
import { Stack } from 'office-ui-fabric-react/lib/Stack';
render()
{
return (
浏览 4提问于2020-06-24得票数 3
2回答
我在'@fluentui/react-northstar‘库中使用图标组件，如下所示
import { QnaIcon } from '@fluentui/react-northstar'
const Example1 = () => (
<>
<QnaIcon size="large" />
</>
)
现在，我必须动态加载图标组件，当图标名来自于下面这样的支柱时
import React from 'react'
import { Button, TeamCreateIcon
浏览 2提问于2021-03-04得票数 2
我正在设置一个可视化，其中的数据是由通过bokeh小部件(主要是下拉)进行的选择驱动的。下拉列表是链接的(即:根据下拉1选择，dropdown2将填充某些数据等.)
我有两个需求通常是相同的:我知道我可以通过使用callback 1值(在on_change回调中)获得选择的值，因此：
我如何设置下拉列表的值(并强制它显示此选项)？
如何将所有下拉列表重置为默认启动位置？
谢谢你的帮助！
浏览 2提问于2019-10-15得票数 0
回答已采纳
我需要在onRender函数的FluentUI DetailsList列中使用ref。但是，如果我尝试使用字符串ref:例如：ref={"myref"}，React会抱怨react-dom.development.js:13381 Uncaught (in promise) Error: Function components cannot have string refs. We recommend using useRef() instead. Learn more about using refs safely here:....。如果我尝试使用useRef，我会得到一个
浏览 0提问于2020-06-10得票数 0
回答已采纳
1回答
一个下拉菜单的结果由两个
、、、
这是一个性别下拉菜单，它决定了统一的成本。
<p>Gender:
<select required name="gender" onchange="calc(this.id, 'uniform')" id="gender">
<option value="0" >Select...</option>
<option value="male">Male</option>
<option value="femal
浏览 4提问于2016-07-27得票数 1
回答已采纳
2回答
如何根据下拉选择填充文本框
我有一张桌子
empid empshortname empname empdesignation
当我从下拉列表中选择empshortname时，应该在一个文本框中填充empname，在另一个文本框中选择empdesignation，就像这样，我想根据单个选择填写多个文本框
感谢并致以问候
sreedhar
浏览 1提问于2012-04-03得票数 0
回答已采纳
我有两个下拉菜单，第二个下拉菜单中的选项取决于第一个选择，换句话说，第二个下拉菜单中的选项是在选择第一个选项后生成的。我的问题是，在单击submit按钮后，我的页面将使用表单中的所有参数进行get调用，但是我如何才能保持第二个下拉菜单的选项可用，并显示之前选择的选项。我粘贴了一些代码来帮助深入解释：
function generateOptions(selected)
{
var Obj = //a dictionary mapping items from first drop down menu with possible options
var selected_ite
浏览 0提问于2012-03-15得票数 0
回答已采纳
1回答
在我的示例中有两个dropdown，带有重置状态(select bank，select state)，.only，第一个下拉列表，有数据.When，我更改了第一个下拉值，然后获取状态数据并显示下拉。如果我选择YES BANK，它会显示给我select state .Now，如果我选择了任何一个状态示例Delhi.then do something.But现在如果我再次改变银行而不是yes bank示例Axis bank状态下拉显示Delhi为什么？它显示被重置和显示select state？
如何重置第二个下拉列表(当第一个下拉列表发生更改时)，.here是我的代码
当用户更改select
浏览 0提问于2018-03-01得票数 5
回答已采纳
我在我的aspx页面中有一个下拉列表，我正在从其中下载数据。从下拉列表中，我将选择文件格式，数据将以该特定格式下载
这是我的下拉列表。
<asp:DropDownList ID="ddlExportRprts" runat="server" AutoPostBack="true" OnSelectedIndexChanged="ddlExportRprts_SelectedIndexChanged">
<asp:ListItem Text="Select" Value="0" S
浏览 0提问于2013-06-25得票数 0
回答已采纳
我在asp.net网页中放置了五个下拉列表和三个文本框。值select in dropdownlist和insert in textboxes是要在where条件的查询中插入的值。现在的问题是，当我按下搜索按钮执行时，文本框中的值被插入到查询中，但下拉列表值仍然为空，并且结果不显示。我检查下拉列表的代码，如下所示：
ddlChannel.SelectedValue;
ddlChannel.Text;
ddlChannel.SelectedItem;
但不会从查询中插入任何选定的值。这两个问题都在pageLoad上。我使用Page_Prerender方法通过查询执行从数据
浏览 0提问于2012-11-10得票数 0
1回答
在clearOptions).库中有两种清除用户输入的方法(清除和清除)。这些方法的问题在于，它们清除了所有的内容，而我只需要在关闭时清除下拉列表的内容。
目前正在发生的事情是这样的:我查询搜索框中的模型，在下拉列表中检索模型列表，选择我想要的模型，单击“走开”关闭下拉列表。然后，当我再次查询搜索时，我希望下拉列表是空的，但它仍然包含前面的搜索结果。
是否有办法只清除下拉列表的内容？
下面是列表的JavaScript。
$('.model-select-dropdown').selectize({
plugins: ['remove_button'],
浏览 6提问于2017-01-26得票数 1
我在fluentUI的官方页面中查看了流畅的detailsList分组示例：https://developer.microsoft.com/en-us/fluentui#/controls/web/detailslist/grouped 并对他们的示例进行了一些编辑，使其中一些组具有1行 现在，当我选择行中的项目时，组行(组标题)也被选中 ? 我想阻止这种情况发生。有什么办法吗？
浏览 44提问于2021-01-08得票数 1
如何使用@fluentui/react中的网格和段-无边框或水平线的北极星？
import { Grid, Segment } from "@fluentui/react-northstar";
用法：
<Grid columns="repeat(4, 1fr)" rows="50px 150px">
<Segment
color="brand"
content="Header"
inverted
styles={{
gridColumn: '
浏览 1提问于2022-07-09得票数 1
回答已采纳
我有一个用于调用Teams的示例代码，其中一个类型记录文件正在HTML页面中呈现- github链接，用于示例：。
这里有一个类型记录文件()，它们能够在html页面()中呈现内容，我无法理解它们是如何在HTML页面中呈现类型记录的。
我的最终目标是能够在HTML页面中呈现带有FluentUI控件的类型记录，这样我就可以用我需要的所有控件添加到一个任务模块中。任何帮助都是非常感谢的。
浏览 5提问于2021-12-04得票数 0
3回答
在我的用例场景中，我有一个下拉框(mat-select)，它填充了几个输入字段。任何更改都会以不同的方式填充字段。由于用户可以更改字段，所以在执行最终更改之前，如果用户同意清除(或更改)所有字段，我想问用户。如果出现“否”，则选择更改不会发生，所有字段都应保留。
我试图将用例简化为。我可以从下拉列表中选择一个项目并执行一些进一步的操作。
<mat-select (selectionChange)="intercept($event.value)">
<mat-option *ngFor="let food of foods" [va
浏览 0提问于2019-05-23得票数 2
我正在尝试定制FluentUI组件悬停在其上时的行为(在本例中为主按钮)。当我使用微软的React FluentUI库时，如何自定义CSS选择器。 我最初尝试过这种方法(这种方法现在已经弃用，而是支持将选择器作为兄弟项添加的方法)…… export const MyButton = (props: IButtonProps) => {
const styles: IButtonStyles = {
root: {
backgroundColor: '#000000',
selectors : {
':hover&#
浏览 63提问于2021-08-05得票数 0
回答已采纳
1回答
我有一个电子表格，其中有3列。这些是名字，年龄，价值
我希望根据"name“列中的唯一值创建一个incell下拉列表。例如，"name“列中可能有两个单元格，其中有"John”。即重复
当"John“在下拉列表中被选中时，我想创建另一个动态创建的下拉列表，它只显示条目的年龄。例如，如果name列中有两行带有"John“的行，则其他下拉列表应该只显示其中每一列的年龄值。基于这两个选择，id喜欢显示值列中的任何内容。
你认为我需要使用宏来实现这个目标吗？
更复杂的是，列表中的行数可能会随着时间的推移而变化，因此需要删除空白名称。在创建incell下拉列表时，
浏览 1提问于2017-06-03得票数 0
回答已采纳
我有一个与数据源绑定的组合框。并且在keypress事件上更新数据源，以便combobox.Items.count是可变的，有时变为零。每当组合框被下拉或关闭时，combobox.selectedindex被重置为零，如果条目计数也为零，则会导致ArgumentOutOfRange异常。如何防止组合框下拉或关闭下拉时选择的索引更改？
这是放置在keypress事件处理程序中的代码的一部分：
DataRow[] rows = AllProfilesTable2.Select(string.Format("FullName LIKE '%{0}%'", strFin
浏览 4提问于2014-08-07得票数 1
回答已采纳
我在html中创建了一个下拉菜单。我有一个重置按钮，可以将所有的值重置为空。但单击此按钮后，我需要将下拉菜单重置为我在字段中给出的第一个值。
请帮帮我。下拉列表的代码如下所示。
<select name="abc" id="abc">
<option value="one">One
<option value="two">Two
</select>
但单击Reset后，我的下拉列表中出现一个空白，我必须再次从中选择一个或两个。相反，我希望它自动
浏览 1提问于2019-12-10得票数 2
1回答
连续下拉筛选缺少默认选择值
、、、、
注意：代码段已被更正并工作。
在MySQL表中，我有以下列(以及相应的值)：
类别(水果、蔬菜)
类型(苹果，橘子，南瓜，马铃薯)
亚型(红色美味，史密斯奶奶，富士，巴伦西亚，肚脐，肯特，布特涅，德西里，卡林福德)
下面是下拉列表和JavaScript函数的代码，它们根据上一个下拉列表中的值选择来更改下一个下拉列表的选项：
var typeOptions = {};
typeOptions['Fruit'] = [
'Apple',
'Orange'
];
typeOptions['Vegetable
浏览 1提问于2017-07-09得票数 1
回答已采纳
1回答
在角8中超过最大调用堆栈大小
、、、、
我有两个下拉列表。我用产品代码将产品数据绑定到it.in，用产品名称绑定第二个下拉列表。当我从第一个下拉列表中选择产品代码时，第二个下拉列表需要根据产品代码选择产品名称。一滴水就可以了。当为第二个下拉列表编写相同的逻辑时有错误
超过最大调用堆栈大小。
<div class="col-md-9">
<select id="Code" class="form-control" placeholder="Code"
(ngModelChange)="onCodeChange()" formCont
浏览 2提问于2019-10-10得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
