Блог

Этот выпадающий список Kendo существует как столбец сетки Kendo.

  <kendo-dropdownlist [data]="regions"
                     [textField]="'Region'"
                     [value]="'RegionMasterID'"
                     [formControl]="formGroup.get('Region')"
                     [filterable]="true"
                     (valueChange)="handleRegionChange($event, dataItem)"
                     (filterChange)="handleRegionFilter($event)">

 </kendo-dropdownlist>
  

Вот код компонента:

 handleRegionChange(value: any, dataItem: any) {

 if ((dataItem.Region !== null || dataItem.Region !== undefined) amp;amp; value.Region) {
            this.SelectedRegion = value.Region;
            dataItem.Region = value.Region;
            dataItem.RegionMasterID = value.Region == "" ? '' : value.RegionMasterID;
        }
        else {
            this.SelectedRegion = '';
            dataItem.Region = '';
            dataItem.RegionMasterID = '';
        }

        this.update(dataItem);
    }
  

В событии handleRegionChange я пытаюсь проверить, сделал ли пользователь какой-либо выбор. Если да, то if-заблокируйте, иначе заблокируйте.
Если пользователь нажимает на выпадающий список и не делает никакого выбора, DataItem.Значение Region равно null, но вместо выполнения блока else в консоли выдается ошибка:

 ERROR TypeError: Cannot read property 'Region' of undefined
  

Пожалуйста, укажите, как решить проблему