angular - 如何使用 TypesScript(angular) 从剑道组合框中获取文本和值

Question

我需要从 kendocombox 框 onchange 事件中获取文本和值。但我只能得到值字段。文本不显示。

HTML：

 <kendo-combobox [data]="taxRatesource" [placeholder]="'Select'" [textField]="'text'"
                 [valueField]="'value'" (valueChange)="taxRateGridChange($event)"
                 [(ngModel)]="datachild.intTaxRateCode">
                </kendo-combobox>

TS：

taxRateGridChange(event) {
const textVal = event;
}

const textVal 仅包含 value ，但也需要文本。Kinldy 帮助解决了这个问题。

标签： angulartypescriptkendo-combobox

Answer 1

通常选择或组合返回选定选项的值。但是您可以从数据源中找到选定的值。

  taxRateGridChange(value) {
    let textVal;
    if (value) {
      const selectedOption = this.dataSource.find((entity) => entity.value === value);
      textVal = selectedOption ? selectedOption.text : null;
    } else {
      textVal = null;
    }
  }