如何使用 Typescript(angular) 从 kendo 组合框中获取文本和值

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 仅包含值，但也需要文本。 Kinldy 帮助解决这个问题。

Answer 1

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

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

如何使用 Typescript(angular) 从 kendo 组合框中获取文本和值

How to get both text and value from kendo combobox using TypesScript(angular)

typescript

kendo-combobox

angular