@syncfusion/ej2-dropdowns 32.2.3 → 32.2.6

package/dist/es6/ej2-dropdowns.es2015.js

@@ -5418,30 +5418,7 @@ let DropDownList = class DropDownList extends DropDownBase {
                     const checkField = isNullOrUndefined(this.fields.value) ? this.fields.text : this.fields.value;
                     const value = this.allowObjectBinding && !isNullOrUndefined(this.value) ?
                         getValue(checkField, this.value) : this.value;
-                    const fieldValue = this.fields.value.split('.');
-                    let checkVal = list.some((x) => isNullOrUndefined(x[checkField]) && fieldValue.length > 1 ?
-                        this.checkFieldValue(x, fieldValue) === value : x[checkField] === value);
-                    if (this.enableVirtualization && this.virtualGroupDataSource) {
-                        checkVal = this.virtualGroupDataSource.some((x) => isNullOrUndefined(x[checkField]) && fieldValue.length > 1 ?
-                            this.checkFieldValue(x, fieldValue) === value : x[checkField] === value);
-                    }
-                    if (!checkVal && !this.enableVirtualization) {
-                        this.dataSource.executeQuery(this.getQuery(this.query).where(new Predicate(checkField, 'equal', value)))
-                            .then((e) => {
-                            if (e.result.length > 0) {
-                                if (!this.enableVirtualization) {
-                                    this.addItem(e.result, list.length);
-                                }
-                                this.updateValues();
-                            }
-                            else {
-                                this.updateValues();
-                            }
-                        });
-                    }
-                    else {
-                        this.updateValues();
-                    }
+                    this.checkAndFetchItemData(list, value, checkField);
                 }
                 else {
                     this.updateValues();
@@ -5549,6 +5526,41 @@ let DropDownList = class DropDownList extends DropDownBase {
         });
         return checkField;
     }
+    checkAndFetchItemData(list, value, checkField) {
+        const fieldValue = this.fields.value.split('.');
+        let checkVal = list.some((x) => isNullOrUndefined(x[checkField]) && fieldValue.length > 1 ?
+            this.checkFieldValue(x, fieldValue) === value : x[checkField] === value);
+        if (this.enableVirtualization && this.virtualGroupDataSource) {
+            checkVal = this.virtualGroupDataSource.some((x) => isNullOrUndefined(x[checkField]) && fieldValue.length > 1 ?
+                this.checkFieldValue(x, fieldValue) === value : x[checkField] === value);
+        }
+        if (!checkVal && this.dataSource instanceof DataManager) {
+            (this.dataSource).executeQuery(this.getQuery(this.query).where(new Predicate(checkField, 'equal', value)))
+                .then((e) => {
+                if (e.result.length > 0) {
+                    if (!this.enableVirtualization) {
+                        this.addItem(e.result, list.length);
+                    }
+                    else {
+                        this.itemData = e.result[0];
+                        const dataItem = this.getItemData();
+                        if ((this.value === dataItem.value && this.text !== dataItem.text) ||
+                            (this.value !== dataItem.value && this.text === dataItem.text)) {
+                            this.setProperties({ text: dataItem.text.toString() });
+                            Input.setValue(this.text, this.inputElement, this.floatLabelType, this.showClearButton);
+                        }
+                    }
+                    this.updateValues();
+                }
+                else {
+                    this.updateValues();
+                }
+            });
+        }
+        else {
+            this.updateValues();
+        }
+    }
     updateActionCompleteDataValues(ulElement, list) {
         this.actionCompleteData = { ulElement: ulElement.cloneNode(true), list: list, isUpdated: true };
         if (this.actionData.list !== this.actionCompleteData.list && this.actionCompleteData.ulElement && this.actionCompleteData.list) {
@@ -6962,6 +6974,12 @@ let DropDownList = class DropDownList extends DropDownBase {
                         return;
                     }
                     if (this.enableVirtualization) {
+                        if (newProp.value && this.dataSource instanceof DataManager) {
+                            const checkField = isNullOrUndefined(this.fields.value) ? this.fields.text : this.fields.value;
+                            const value = this.allowObjectBinding && !isNullOrUndefined(newProp.value) ?
+                                getValue(checkField, newProp.value) : newProp.value;
+                            this.checkAndFetchItemData(this.listData, value, checkField);
+                        }
                         this.updateValues();
                         this.updateInputFields();
                         this.notify('setCurrentViewDataAsync', {