使用DropdownButton值
DropdownButton是一个常见的前端组件，用于创建下拉菜单。它通常用于用户需要从多个选项中选择一个值的情况下。
DropdownButton的优势在于它提供了一个直观且易于使用的界面，使用户可以方便地浏览和选择可用选项。它可以帮助提高用户体验，并使用户与应用程序的交互更加高效。
DropdownButton的应用场景非常广泛。以下是一些常见的应用场景：
- 表单选择：当用户需要从一组选项中选择一个值时，可以使用DropdownButton来创建一个下拉菜单，以便用户可以方便地选择所需的选项。
- 导航菜单：在网站或应用程序的导航栏中，DropdownButton可以用于创建一个下拉菜单，以显示更多的导航选项。这样可以节省空间，并使导航更加清晰和易于使用。
- 过滤器：在数据展示页面中，DropdownButton可以用于创建一个下拉菜单，以供用户选择特定的过滤条件。这样用户可以根据自己的需求快速筛选和查找所需的数据。
腾讯云提供了一系列与DropdownButton相关的产品和服务，可以帮助开发者更好地实现和管理下拉菜单功能。以下是一些推荐的腾讯云产品：
- 腾讯云移动应用开发平台（https://cloud.tencent.com/product/madp）：该平台提供了丰富的移动应用开发工具和服务，包括前端开发、后端开发、云存储等，可以帮助开发者快速构建高质量的移动应用。
- 腾讯云云服务器（https://cloud.tencent.com/product/cvm）：该产品提供了灵活可扩展的云服务器实例，可以满足不同规模和需求的应用程序部署和运行。
- 腾讯云数据库（https://cloud.tencent.com/product/cdb）：该产品提供了可靠和高性能的数据库服务，包括关系型数据库和NoSQL数据库，可以满足各种应用程序的数据存储和管理需求。
请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求和项目要求进行评估和决策。
相关·内容
1回答
Flutter Dropdownbutton selected值未更改我正在使用dropdownbutton并使用Product model映射数据，但onchange我的值未更改
DropdownButtonHideUnderline(
child: DropdownButton<Product>(
hint: Text("Select Product"),
dropdownColor: Colors.white,
浏览 18提问于2021-02-23得票数 0
回答已采纳
我正在使用扩展的WPF工具包。
如何在此DropDownButton中更改标准箭头样式？
<wpfx:DropDownButton
Width="200"
Height="32"
Content="DropDownButton: ClickMe">
<wpfx:DropDownButton.DropDownContent>
<wpfx:WrapPanel Background="Aqua">
浏览 4提问于2017-07-18得票数 2
回答已采纳
大家好，我是Reactjs.I的新手。我试图隐藏一个带有div classname(DropDownButton3)的选择标签，直到选项(3)在带有div classname的选择标签(DropDownButton2)是selected.Here是我的.jsx和css文件，请帮助我。
.jsx
<div className='DropDownButton2'>
<label style={{marginTop: '20px'}}>Second</label>
<br/>
<select defaultV
浏览 4提问于2018-08-07得票数 0
回答已采纳
2回答
我目前正在使用React开发一个应用程序，但我在编写测试时遇到了问题。我有这个下拉列表：
<DropdownButton variant="light" key={friend+"dropdown"} data-testid={friend+"dropdown"} title="">
<Dropdown.Item target="_blank" href={friend} key={friend+"dropdownI1"} data-testid={friend+"
浏览 1提问于2020-04-05得票数 2
我正在从API创建DropdownButton。下拉列表已按我的需要显示，但问题是，我选择的列表也没有显示，当我单击列表时，错误显示：
Unhandled Exception: type 'int' is not a subtype of type 'String'
下面是我的变量声明：
String _provinceSelected;
这是我的DropdownButton Widget：
DropdownButton(
hint: Text('your province'),
itemHeight: 60,
isExpanded:
浏览 2提问于2021-06-26得票数 0
回答已采纳
1回答
在我的xaml表单中，我有一个下拉按钮的下拉值将从数据库绑定，我的要求是我想添加一个图像为每个下拉框中的值，如何获得此.....
<ctrl:DropDownButton Grid.Column="1"
Height="25"
Text="Add Question"
Width="125"
浏览 1提问于2015-05-22得票数 0
当我从按钮中选择一个<menuItem>时，我有一个下拉按钮。
我试图运行一个函数，即setState({fltrName:"pentium})。
问题是，它不能工作，函数将运行和它console.log()，但它没有改变状态，为什么呢？这是函数
fltrFunc:function(name){
function fltrPick(pick){
this.setState({fltrName:pick}) // sholud set to "pentium"
console.log
浏览 1提问于2017-07-24得票数 0
回答已采纳
我想从这个地图中填充两个DropDownMenuItems： var jobs = {
"departments": ["dep1", "dep2", "dep3"],
"dep1": ["job1", "job2"],
"dep2": ["job3", "job4"],
"dep3": ["job5", "job6"]
}; DropdownButton 1(部门) D
浏览 3提问于2020-08-31得票数 0
回答已采纳
目前，我正在尝试使用DropdownButton实现下拉列表，但有一个问题。在DropdownButton()中，如果value:为空，则不会发生错误，但在选择时不会发生任何更改。如果我将任意字符串变量赋值给value:，则会发生以下错误。
════════ Exception caught by widgets library ═══════════════════════════════════
The following assertion was thrown building StatefulBuilder(dirty, state: _StatefulBuilderState#65
浏览 17提问于2021-10-10得票数 0
回答已采纳
2回答
我有一个DropDownButton，它为我的产品添加了类别。添加后的产品DropDownButton显示类别，我选择了。添加产品后，我想刷新或清除DropDownButton。最好显示提示文本。
代码：
child: StreamBuilder<List<Categories>>(
stream: categories,
builder: ((context, snapshot) {
浏览 1提问于2020-02-26得票数 1
回答已采纳
我正在尝试使用ListView.builder构建多个DropdownButton，只要用户单击浮动操作按钮的次数就相同
new FloatingActionButton(
onPressed: () {
setState(() {
counter++;
});
},
child: new Icon(Icons.add),
)
new ListView.builder(
itemBuilder: (BuildConte
浏览 5提问于2018-08-31得票数 2
回答已采纳
例如，为了在TextFormField中设置文本，我可以使用TextEditingController
textEditingController = TextEditingController()
...
TextFormField(
controller: textEditingController
);
...
textEditingController.text = 'my text'; // This is where I can set the text in the TextFormField
是否有类似的方式以编程方式在DropdownButton中设置
浏览 0提问于2019-10-16得票数 1
回答已采纳
假设我们在ABC有状态小部件中创建了一个简单的DropdownButton ABCPageState。
class ABCPageState extends State<ABCPage> {
@override
Widget build(BuildContext context) {
return new Scaffold(
body: new Container(
child:
new DropdownButton(
hint: new Text("Please selec
浏览 1提问于2018-08-28得票数 3
我有两个DropdownButton小部件。第二个的内容取决于第一个选择。第二个DropdownButton将启动第三个小部件的刷新。当填充第一个DropdownButton时，我如何启动第二个can的刷新？然后，当第二个DropdownButton也填充时，我如何刷新第三个小部件？ class ParentBloc {
Stream<List<Parent>> get items => _controller.asyncMap(...);
Future<List<Parent>> _callApi() {
// cal
浏览 26提问于2020-09-11得票数 0
我又回到了DropdownButton的另一个问题上。
未启用DropdownButton。我在api.flutter.dev里找到了这个
如果onChanged回调为null或项目列表为null，则将禁用下拉按钮，即其箭头将以灰色显示，并且不会响应输入。
下面是我的代码：
return new DropdownButton<String>(
hint: new Text("Select Agency"),
value: _currentAgency,
浏览 3提问于2021-05-12得票数 0
回答已采纳
我想出了如何使用react引导来显示下拉列表：
<DropdownButton bsStyle="success" title="Choose" onSelect={this.handleSelect} >
<MenuItem key="1">Action</MenuItem>
<MenuItem key="2">Another action</MenuItem>
<MenuItem key="3">Something
浏览 1提问于2015-07-20得票数 22
回答已采纳
我想将DropdownButton移到Step类中，并在Stepper中使用它，但是我在下面得到了这个错误：
包:flutter/src/flutter/dropdown.dart.dart: Failed断言:第560行pos 15：'items == null \x\}‘’(‘.length ==’1‘)：’items(DropdownMenuItem项目) => item.value ==值(.length == 1)‘：“不是”。
import 'package:flutter/material.dart';
import 'package
浏览 0提问于2019-03-19得票数 1
这是我得到的错误： ? 下面是我的DropdownButton代码： DropdownButton countryPicker() {
return DropdownButton<String>(
onChanged: (value) {
setState(() {
country = value;
});
},
value: country,
hint: Text(country),
items: countries(),
);
}
浏览 12提问于2021-01-11得票数 0
回答已采纳
我需要创建带有int项的DropdownButton小部件，但它不能像预期的那样工作。 代码如下： DropdownButton<int>(
hint: Text("Pick"),
items: <int>[1, 2, 3, 4, 5, 6, 7, 8, 9, 10].map((int value) {
return new DropdownMenuItem<int>(
value: _number_tickets_total,
child: new Text(_number_ti
浏览 30提问于2019-01-26得票数 0
回答已采纳
2回答
我使用的是react引导库，我希望拥有默认的selected值。
我查看了他们的文档，没有找到任何与pass/set默认值相关的内容。
这就是我目前使用的方式
const dropDownQuestion = (props) => {
const { options, upsideEmit, value } = props
return (
<DropdownButton
id="dropdown-basic-button"
onSelect={(eventKey) => upsideEmit(eventKey)}
浏览 2提问于2020-07-16得票数 4
1回答
为什么这个下坠失败了？
、、、、
下面是构建方法中的代码
Column(
children: [
DropdownButton<String>(
value: dropdownvalue,
items: <String>['A', 'B', 'C', 'D']
.map((String value
浏览 5提问于2022-04-29得票数 0
在react-bootstrap中，DropdownButton应该是带有Dropdown.Menu和Dropdown.Items的Dropdown应用的简短版本，但问题是我不知道如何手动打开/关闭dropdown。当点击框外的任何地方时，它会自动关闭，但我的labelsArrayContainer中有一个提交按钮，一旦点击它，我就想关闭下拉菜单。下面是我的代码。 <OverlayTrigger placement="bottom" overlay={labelTooltip} delayShow={Constants.TOOLTIP_DELAY}>
浏览 37提问于2020-11-03得票数 1
可以在MahApps.Metro DropDownButton上隐藏‘箭头’吗？
现在它看起来是这样的：
下面是代码：
<controls1:DropDownButton
VerticalContentAlignment="Center"
Orientation="Vertical"
DisplayMemberPath="Text"
ItemsSource="{Binding MenuItems }">
<controls1:DropDownButton.Sty
浏览 0提问于2015-04-14得票数 0
我正在使用dijit DropDownButton和我正在开发的应用程序。如您所知，如果您单击该按钮一次，就会出现一个菜单。再单击一次，它就会消失。我似乎在应用编程接口文档中找不到这一点，但是有没有我可以读取的属性来告诉我我的DropDownButton当前是打开的还是关闭的？
我尝试在DropDownButton的OnClick事件上使用dojo.connect侦听器来执行另一个任务，但前提是单击“closed”这个DropDownButton。
谢谢!史蒂夫
浏览 1提问于2013-01-09得票数 0
我正在编写一个项目，并希望添加一个DropDownButton，但是一旦添加onCnange事件，它总是返回错误。下拉列表总是返回错误。我不知道这有什么问题。
@override
Widget build(BuildContext context) {
return Material( child: Column( children: [
DropdownButton(items: [], value: dropdownValue, onChanged: (String value) {
setState(() {
dropd
浏览 1提问于2021-06-05得票数 2
回答已采纳
下面的消息指向DropdownButton小部件。请帮助：
“发生了异常。('package:flutter/src/material/dropdown.dart'：失败断言:第882行pos 15：'items ==空\}.length == 1'：应该有一个项具有DropdownButton的值: 2。检测到具有相同值的0或2或更多的DropdownMenuItems。”
ListTile(
标题: DropdownButton(
Setter.map(函数).toList()
items: _priorities.
浏览 5提问于2022-06-20得票数 0
1回答
我已经将自己组装成一个多选下拉列表用户控件，如下所示：
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<div id="multiTop" class="multiTop">
<asp:Button ID="DropDownButton" CssClass="dr
浏览 2提问于2011-05-23得票数 3
回答已采纳
谁来帮帮我。我在DropdownButton上使用映射键和值创建了StatefullWidget
我在这里使用一个映射，因为我将选定的值键发送到父小部件。我收到了错误：，应该有一个具有DropdownButton值的项:Всеподряд。使用相同的值DropdownMenuItems检测到0或2或更多的。
一旦删除DropdownButton Widget中的值，就不会引发错误
title: Container(
child: DropdownButtonHideUnderline(
child: DropdownButton(
*
浏览 3提问于2021-06-12得票数 0
回答已采纳
我创建了一个应用程序接口，允许用户从下拉列表中进行选择，该列表将由dropdownButton填充。现在，我使用自己创建的列表进行填充。 目前，该按钮正在显示my list中的项目，但在进行选择后，列表不会显示所选项目，而是仍然显示提示文本。我想要发生的是，在做出选择之后，dropdownButton会显示所选择的项目，而不是提示文本。 在onChanged方法中，我添加了一个setState，希望将_selectedValue变量更新为选定的值，并将其显示在dropdownButton中。 我还在我的setState方法中添加了一个print语句，它可以触发并显示value变量中的值。 这
浏览 50提问于2021-02-11得票数 1
1回答
我有一个带有DropdownButton的页面。提示是“选择你的选择”。当在DropdownButton中选择某一项时，当我单击一个按钮时，我希望DropdownButton返回到开头，再次显示“选择您的选择”。
child: DropdownButton<String> (
hint: Text(
'Select your choice',
style: TextStyle(
color: Colors.white,
fontFamily: 'Quicksand',
),
),
bo
浏览 5提问于2022-09-02得票数 0
默认情况下，图标在DropDownButton中不对齐。如何水平对齐图标？
我使用的是MahApps.Metro v1.6.5和MahApps.Metro.IconPacks v2.3.0。
我尝试过为按钮设置填充、HorizontalAlignment和VerticalAlignment，但这并没有解决问题。
<controls:DropDownButton ArrowVisibility="Hidden" ItemsSource="{Binding MenuItems}" BorderThickness="0" Focusable=&#
浏览 1提问于2019-10-12得票数 0
回答已采纳
通过动态JSON响应和创建动态表来反应state.looping的新功能，动态表也有下拉列表。如果我用onSelect事件更新行号1中的值，它将更新所有行中的select值，因为所有行的状态都是单一的。如何为每一行创建单独的状态？
const statusValue = ["Approve", "Reject"];
const statusValues = statusValue.map((data, i) => {
return (
<MenuItem
eventKey={data + "-" + i}
浏览 5提问于2021-02-23得票数 0
我使用的是Mahapps和MVVM Light。我正在尝试让DropDownButton在IsMouseOver上扩展，在鼠标离开时缩小。我已经尝试了不同的方法来做到这一点。但是没有结果。第一个。
<Style x:Key="AutoOpenDropDownButtonStyle" TargetType="{x:Type controls:DropDownButton}">
<Style.Triggers>
<Trigger Property="IsMouseOver&
浏览 0提问于2016-06-25得票数 0
我有以下XAML代码。ItemsSource中的内容显示为MenuItems。
<controls:DropDownButton x:Name="btnOwner"
DockPanel.Dock="Left"
Style="{StaticResource btnStyle}"
HorizontalAlignment="Left"
Visibility="{Binding IsOwne
浏览 1提问于2011-09-24得票数 0
1回答
在我的项目中，我有一个array，用户可以在其中追加元素。我现在的问题是，我有另一个带有class的tableView，在这里我想动态显示所有的elements，所以如果用户将和element添加到array中，它也在我的tableView中。
A类
var wishListTitlesArray: [String] = [String]()
B类
var dropDownOptions = [String]() // TableView data -> here I would like to access `wishListTitlesArray`
更新
所以，到目前为止，谢谢你的评
浏览 1提问于2019-12-14得票数 0
完整的页面代码非常长，但我的DropdownButton小部件代码如下。 问题是， 首先:我不能更新我的selectedCity，它没有更新。此外，打印函数调用null，因为我的cityList数据类似于纽约、巴黎、伦敦等。 第二: flutter不会将焦点从任何TextField完全转移到DropdownButton。我的意思是，点击了TextField，然后点击了DropdownButton，但是在点击按钮之后，焦点又回到了那个TextField。这是颤动的默认动作吗？ List<dynamic> _cityList;
String _selectedCity;
浏览 31提问于2019-02-07得票数 0
回答已采纳
我想在我的DropDownButton中添加的对象
class Car {
int id;
String make;
Car(this.id, this.make);
static List<Car> getCars() {
var cars = new List<Car>();
cars.add(Car(1, "Ford"));
cars.add(Car(2, "Toyota"));
cars.add(Car(3, "BMW"));
return cars;
浏览 0提问于2019-03-27得票数 0
回答已采纳
我有一个FormField小部件，构建器返回一个DropdownButton和一个验证器，但是当验证失败时，这个小部件不会显示我的错误消息。
FormField(
builder: (FormFieldState state) {
return DropdownButtonHideUnderline(
child: DropdownButton(
value: _gender,
isDense: true,
hint: Text(AppLocalizations.of(context).genderSelect),
浏览 0提问于2018-10-30得票数 0
如何在flutter中更改DropdownButton的高度。我已经尝试使用填充和SizedBox，但都不是真正有效。
SizedBox只是增加了容器的大小，而DropdownButton被夹在左上角，因此不再居中。填充将被忽略或将内容移出按钮。
我不想更改下拉覆盖的大小，但按钮本身。
build(BuildContext context) {
return ThemeData(
data: ThemeData(canvasColor: Colors.white),
child: DropdownButton(
items: _items.map((item)
浏览 8提问于2020-09-10得票数 2
我曾尝试在C# windown中的statusStrip中创建一些DropDownButtons。当我只是将光标移动到按钮上时，它不会下拉项目，只有当我单击DropDownButton时，它才会下拉项目，这是正常的。
然而，问题是在我点击DropDownButton1后，它会下拉项目，但当我将光标移动到另一个DropDownButton2时，DropDownButton2的项目不会下拉！！点击DropDownButton1后移动鼠标时，如何设置DropDownButton2的项目自动下拉？就像一般的应用程序一样？
谢谢大家！
浏览 8提问于2015-06-11得票数 2
我被困在一个没有填充任何数据的DrowdownButton上。
它是从前一个屏幕传递的列表中填充的。
我的调试表明列表中有可以解析的数据。输出只产生一个空的DropdownButton。
import 'dart:async';
import 'package:flutter/material.dart';
import 'package:shared_preferences/shared_preferences.dart';
import 'menuList.dart';
import 'package:flutter_
浏览 0提问于2019-02-27得票数 0
回答已采纳
21回答
我试图创建一个下拉按钮在颤振。我从我的数据库中得到一个列表，然后我将这个列表传递给我的dropdownButton --everything works，数据显示为预期的，但是，当我从其中选择一个元素时，会得到以下错误：
There should be exactly one item with [DropdownButton]'s value: Instance of 'Tag'.
Either zero or 2 or more [DropdownMenuItem]s were detected with the same value
'package:f
浏览 24提问于2020-03-03得票数 59
回答已采纳
1回答
我想要创建一个ToolStripDropDownButton，它看起来像下面的图像
但是，当我试图在ToolStripDropDownButton工具箱中搜索控件时，我找不到它，因为在googling搜索之后，我发现它是一个类而不是名称空间。
然后我搜索出下面的代码
ToolStripDropDownButton dropDownButton1 = new ToolStripDropDownButton();
ToolStripDropDown dropDown = new ToolStripDropDown();
dropDownButton1.Text = "A";
浏览 4提问于2017-05-18得票数 0
我正在尝试将DropDownButton选定的值发送到EmailJS。我将TextEditingController用于TextFormField，它工作得很好，EmailJS的值也很好。如何发送控制器可以在颤振中使用的DropDownButton值。
Padding(
padding: EdgeInsets.all(20),
child: Container(
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(0),
border: Border.all(
co
浏览 4提问于2022-03-27得票数 0
我正在使用
以下是我所拥有的：
使用
xmlns:mah="http://metro.mahapps.com/winfx/xaml/controls"
<mah:DropDownButton
Content="my button"
Icon="{DynamicResource appbar_projector_screen}"
ItemsSource="{Binding Path=MySource}">
<mah:DropDownButton.ItemContainerSt
浏览 4提问于2019-12-10得票数 0
回答已采纳
在flutter I中，如何将索引映射到字符串。例如，我有一个数字列表。我想要显示文本，并在后台捕获数值。我正在使用下拉菜单项，但您只能传递一个值。最终列表编号= '1'，'2'，'3'，'4'，'5'，'6'， DropdownButton(
items: nums.map((e) {
return DropdownMenuItem(
value: e,
child: Text(e));
}).toList(),
); 我想这样做: final List number =
浏览 10提问于2021-03-18得票数 0
1回答
我有以下DropdownButton小部件：
Center(
child: DropdownButton<dynamic>(
value: selectedTipoInterno,
items: dataTiposInt.map(
(list) {
return DropdownMenuItem(
child: Text(list['tipo_int']),
浏览 2提问于2022-01-22得票数 0
回答已采纳
1回答
我试图创建一个包含三个下拉按钮的行，但是这个错误我不明白为什么会出现
应该有一个具有DropdownButton值的项目: jan。检测到零或更多个DropdownMenuItems，其值为‘package:flutter/src/ Either /dropdown.dart. were’：失败断言:第805行pos 15：‘==空值\}(items.where)((DropdownMenuItem项){返回item.value ==值；}).length == 1’。
这是我的初始值和我在下拉按钮值中使用的列表。
var selected="Arabic";
var s
浏览 2提问于2020-02-06得票数 1
回答已采纳
我正在尝试实现一个简单的DropdownButton，用户可以用它来选择货币。
Container(
height: 150.0,
alignment: Alignment.center,
padding: EdgeInsets.only(bottom: 30.0),
color: Colors.lightBlue,
child: DropdownButton<String>(
items: [
DropdownMenuItem(child: Text(&#
浏览 1提问于2019-10-30得票数 0
回答已采纳
我的问题
我已经非常成功地创建了导入Dojo类的TypeScript类，比如数组、lang、延迟、on、dom-构造等等。这是我第一次尝试拉一些dijit的东西。具体来说，dijit/form/HorizontalSlider和dijit/form/VerticalSlider。但是，当我编译的时候，我不断地得到：
error TS2304: Cannot find name 'HorizontalSlider'
我的代码
我有一个项目范围的tsd.d.ts，如下所示：
/// <reference path="./dojo/dijit.d.ts" /&g
浏览 0提问于2015-05-11得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
