dropdown 相关问题

如果 React-Phone-Input-2 中存在预先存在的值，有没有办法渲染图标或空选择器？如果React-Phone-Input-2中存在预先存在的值，有没有办法渲染图标或空选择器？ <PhoneNumberInputField countryCodeEditable={ false } country={ defaultCountry() } value={ value } specialLabel={ translate('profile:profile.phone') } onChange={ (phoneNumber, data) => handlePhoneChange(phoneNumber, data) } /> 现在第一个国家的国旗在选择器中呈现：如果该值存在并且未选择国家/地区代码，我想要这样的内容：谢谢！对我来说这有效autoFocus:true并且onFocus活动有效 <PhoneNumberInputField countryCodeEditable={ false } country={ defaultCountry() } inputProps={{ ... // otherprops autoFocus: value ? true : false, }} onFocus={() => { document.querySelector('.phone-number-field')?.classList.add('focused'); }} specialLabel={ translate('profile:profile.phone') } onChange={ (phoneNumber, data) => handlePhoneChange(phoneNumber, data) } /> 问题是，它聚焦并显示光标

javascript reactjs select input dropdown

回答 1 投票 0

如果 React-Phone-Input-2 中存在预先存在的值，有没有办法渲染图标或空选择器

javascript reactjs select input dropdown

回答 1 投票 0

React-Phone-Input-2 如果预先存在值则为空选择器

如果 React-Phone-Input-2 https://www.npmjs.com/package/react-phone-input-2 中存在预先存在的值，有没有办法渲染图标或空选择器？如果 React-Phone-Input-2 中存在预先存在的值，有没有办法渲染图标或空选择器https://www.npmjs.com/package/react-phone-input-2？ <PhoneNumberInputField countryCodeEditable={ false } country={ defaultCountry() } value={ value } specialLabel={ translate('profile:profile.phone') } onChange={ (phoneNumber, data) => handlePhoneChange(phoneNumber, data) } /> 现在第一个国家的国旗在选择器中呈现：如果该值存在并且未选择国家/地区代码，我想要这样的内容：谢谢！对我来说这有效autoFocus:true并且onFocus活动有效 <PhoneNumberInputField countryCodeEditable={ false } country={ defaultCountry() } inputProps={{ ... // otherprops autoFocus: value ? true : false, }} onFocus={() => { document.querySelector('.phone-number-field')?.classList.add('focused'); }} specialLabel={ translate('profile:profile.phone') } onChange={ (phoneNumber, data) => handlePhoneChange(phoneNumber, data) } /> 问题是，它聚焦并显示光标

javascript reactjs select input dropdown

回答 1 投票 0

Flutter：恢复组合框中的sqlite数据

我想从我的表中恢复数据并将它们放入我的下拉列表中。我收到一条错误消息：_TypeError（类型“Future”不是类型“List”的子类型）感谢您的帮助 readData(表) 异步 {...

flutter dropdown sqflite

回答 1 投票 0

带有两个选项作为下拉菜单的搜索栏（ReactJS）

假设我喜欢在ReactJS中创建一个搜索栏（类似于Github的搜索栏），如下规范：当用户开始输入时，在输入中，将出现 2 个下拉选项。还有...

reactjs react-hooks frontend dropdown

回答 1 投票 0

将代码从输入改为下拉列表的选择

朋友们，帮我改一下代码，让它显示在选择的下拉列表中吗？谁能帮忙，我在下面给出这段代码银行名称_数组，...

php html select input dropdown

回答 1 投票 0

防止DataGridView中的ComboBox在C# Winforms中立即打开和关闭

我有一个 C# WinForms 应用程序，我通过编写其项目的任何部分并在输入文本部分后按 Enter 键成功过滤了 ComboBox 项目，使用以下代码：私人空间

c# winforms datagridview combobox dropdown

回答 1 投票 0

primeng 使用下拉列表在表格中进行过滤器工作

我有一个primeng的p表并尝试匹配下拉列表中的选择并使用表中的过滤方法，但我没有完成我有一个来自 primeng 的 p 表并尝试匹配下拉列表中的选择并使用表中的过滤方法，但我没有完成 <p-table #customTable id="customTable" [value]="allCustomConfig$ | async" [paginator]="(allCustomConfig$ | async)?.length > 10" [rows]="10" [rowsPerPageOptions]="[10, 25, 50]" selectionMode="single" [scrollable]="true"> <ng-template pTemplate="header"> <tr class="tr-head-title"> <th scope="col" class="th-title-actions"> {{ 'features.masters.analytics_config.table.actions' | translate }} </th> <th scope="col" class="th-title-custom"> {{ 'features.masters.analytics_config.table.analytics' | translate }}  </th> <th scope="col" pSortableColumn="translation" class="th-title-translation"> {{ 'features.masters.analytics_config.table.translation' | translate }} <p-sortIcon field="translation"></p-sortIcon> </th> </tr> <tr> <th scope="col"></th> <th scope="col"> <p-dropdown (onClear)="filterTable()" (onHide)="filterTable()" [(ngModel)]="CustomConfigSelect" [options]="customDropdown" optionLabel="analytics" [placeholder]="'features.masters.analytics_config.modal.analytics_placeholder' | translate" [showClear]="true" filterMode="contains"> </p-dropdown> </th> <th scope="col"></th> </tr> </ng-template> <ng-template pTemplate="body" let-config> <tr class="tr-body"> <td class="td-buttons"> <button (click)="editCustomConfigModal(config)" class="p-button-rounded p-button-outlined p-button-warning btn" icon="pi pi-pencil" pButton type="button"></button> <button (click)="deleteCustomConfig(config)" class="p-button-rounded p-button-outlined p-button-danger btn" style="margin-left: 10px" icon="pi pi-trash" pButton type="button"></button> </td> <td> {{ config?.featureFaultDescription?.analytics }} </td> <td> {{ config?.translation }} </td> </tr> </ng-template>  <ng-template pTemplate="emptymessage"> <tr>  </tr> </ng-template> </p-table> </p-card> 我的类组件中的这个方法 public customDropdown: FeatureFaultDescription[] = [ { analytics: 'string a', featureFaultDescriptionId: 1 }, { analytics: 'string b', featureFaultDescriptionId: 2 }, { analytics: 'string c', featureFaultDescriptionId: 3 }, { analytics: 'string e', featureFaultDescriptionId: 4 } ]; public CustomConfigSelect: FeatureFaultDescription; public filterTable(): void { if (this.CustomConfigSelect) { this.table?.filter( this.CustomConfigSelect, 'CustomConfigSelect', 'contains' ); } else { this.table.reset(); } } 你看出问题出在哪里了吗？我尝试匹配中下拉列表中的选择 <p-dropdown (onClear)="filterTable()" (onHide)="filterTable()" [(ngModel)]="CustomConfigSelect" [options]="customDropdown" optionLabel="analytics" [placeholder]="'features.masters.analytics_config.modal.analytics_placeholder' | translate" [showClear]="true" filterMode="contains"> </p-dropdown> 所以表格中只能显示我选择的那个将选项界面从 { analytics: string, featureFaultDescriptionId: number } 替换为 {label: string, value: any} showClear 应该是 "CustomConfigSelect" 而不是固体 "true" 尝试用下拉组件的filterTable事件触发onChange功能使用发出的事件（如filterTable($event)）来过滤表，而不是this.CustomConfigSelect 另外需要提供primeng的版本。它有助于排除故障。

angular typescript filtering dropdown primeng-table

回答 1 投票 0

Flutter 如何取消选择下拉菜单中之前选择的项目

我有代码显示要选择的项目列表。它可以正确地让我输入并搜索项目。但是一旦我选择了该项目，有没有办法可以将其清除，就好像它是新的一样......

flutter dart drop-down-menu menu dropdown

回答 1 投票 0

如何在 Flutter 中以编程方式生成动态下拉表单

如何在 flutter 中重新创建这个 UI？我实在是想不通。 const List list = ['一', '二', '三', '四']; void main() => runApp(const

flutter dart dynamic dropdown

回答 2 投票 0

如何在 Angular 中通过 ng-select 从下拉列表中选择选项后删除闪烁的光标？

我在 Angular 5 中使用 ng-select 作为下拉菜单。选择一个选项后，闪烁的光标应该消失或者它的位置应该位于文本的末尾。但在选择任意选项后