在 SelectBox 上设置值答案

【问题标题】：Setting the value on the SelectBox在 SelectBox 上设置值
【发布时间】：2019-09-27 05:29:28
【问题描述】：

我正在尝试在选择框上设置一个值，如下所示

  <dx-select-box
            [items]="reportingProject"
            id="ReportingProj"
            [text]="reportingProject"
            [readOnly]="true"
            >

而且reportingProject 位于类似组件中

constructor(private psService: ProjectShipmentService, private pdComp: ProjectDetailsComponent) {
   debugger;
   this.reportingProject = this.pdComp.rProjectNumber;
   this.projectSalesOrder = this.pdComp.rSalesOrder;

即使reportingProject 有数据，它也不会显示在页面中，并且选择框看起来总是空的

【问题讨论】：

是 dx-select-box 自定义输入吗？还是那是一个包组件？
@Arcteezy 来自js.devexpress.com/Demos/WidgetsGallery/Demo/SelectBox/Overview/…
你错过了结束标签，即</dx-select-box>
您的this.pdComp.rProjectNumber 返回什么？它应该返回一个数组
@trx reportingProject 必须是数组或对象数组

标签： javascript angular typescript angular7

【解决方案1】：

你可以这样试试

<dx-select-box id="myId" [items]="reportingProject" placeholder="my placeholder" [searchEnabled]="true" [(value)]="valueData" displayExpr="text" valueExpr="value" (onValueChanged)="onValueChange($event)">
</dx-select-box>

// items: must be a array or array of object 
// displayExpr: key of array of object which you would like to show on your selectbox
// valueExpr: value of your selectbox

【讨论】：

【解决方案2】：

正如devexpress的Example中提到的：

<dx-select-box
    [items]="simpleProducts"
    placeholder="Choose Product"
    [showClearButton]="true"
></dx-select-box>

其中 simpleProducts 是一个字符串数组：

let simpleProducts: string[] = [
    "HD Video Player",
    "SuperHD Video Player",
    "SuperPlasma 50",
    "SuperLED 50",
    "SuperLED 42",
    "SuperLCD 55",
    "SuperLCD 42",
    "SuperPlasma 65",
    "SuperLCD 70",
    "Projector Plus",
    "Projector PlusHT",
    "ExcelRemote IR",
    "ExcelRemote BT",
    "ExcelRemote IP"
];

所以您必须将项目绑定到数组 例如：

this.reportingProject = [this.pdComp.rProjectNumber];

【讨论】：