Question

我在下拉菜单中使用了“选择”。下面是编码。

    public void installAccessibilityDelegate() {
        setAccessibilityDelegate(new AccessibilityDelegate() {
            @Override
            public boolean onRequestSendAccessibilityEvent(ViewGroup viewGroup, View child, AccessibilityEvent event) {
                if (event.getEventType() == AccessibilityEvent.TYPE_VIEW_ACCESSIBILITY_FOCUSED) {
                    sendReactNativeEvent("start");
                    return false;
                }

                if (event.getEventType() == AccessibilityEvent.TYPE_VIEW_ACCESSIBILITY_FOCUS_CLEARED) {
                    sendReactNativeEvent("end");
                    return false;
                }

                return super.onRequestSendAccessibilityEvent(viewGroup, child, event);
            }
        });
    }

此处，Api中的所有值都保存在变量 allPurchaseOrderStatus 中。

我想要 id 作为我的存储值，并 code 作为显示值。

我需要使用primeNg组件使用相同的概念。

Answer 1

您可以使用下面的类似代码将PrimeNG下拉列表替换为现有的下拉列表。

第1步：在组件中导入DropdownModule。

import {DropdownModule} from 'primeng/dropdown';

第2步：在HTML中添加下拉列表：

<p-dropdown [options]="PurchaseOrderStatus" [(ngModel)]="selectedPurchaseOrderStatus" optionLabel="code"></p-dropdown>

因此，在selectedPurchaseOrderStatus中，您将获得选定的订单对象，并且可以获得selectedPurchaseOrderStatus.id之类的ID。

您还可以使用OnChange事件来获取选定的选项。

onChange()

event.originalEvent：浏览器事件

event.value：选定的选项值

回调，以在下拉菜单值更改时调用。

有关更多示例，请检查PrimeNG中Dropdown的链接。

PrimeNG Dropdown

希望这会有所帮助。

Answer 2

首先，您需要在TS文件中创建一个具有标签和值字段的数组。像这样的东西：

PurchaseOrderStatus=[
 {label:'code1',value:'id1'},
 {label:'code2',value:'id2'},
 .....
]

在这里，您需要在标签字段中为其分配代码，因为标签字段将用作下拉列表中的显示值，而在值字段中，您需要为其分配 id ，因为它将用作该特定选项的存储值。

并在HTML文件中

<div class="ui-grid-col-6">
      <div class="form-group">
       <p-dropdown [options]="PurchaseOrderStatus" [(ngModel)]="selectedOrders" [filter]="true"></p-dropdown>
     </div>
</div>

如何使用primeng下拉菜单？

2 个答案: