We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

use ejAutoCompleteTextbox in custom-control doesn't work

Thread ID:





130328 May 7,2017 07:11 AM UTC May 12,2017 12:23 PM UTC Angular 5
Tags: ejAutoCompleteTextBox
Asked On May 7, 2017 07:11 AM UTC

When we use the Autocomplete Textbox in a custom control the set accessor returns an undefined value after lost the focus.

//set accessor including call the onchange callback
    set value(v: string) {
        if (v !== this.innerValue) {
            this.innerValue = v;

When Autocomplete lost the focus: v = undefined

Is there a solution?

Arun Palaniyandi [Syncfusion]
Replied On May 8, 2017 12:38 PM UTC

Hi Jürgen,   
Thanks for contacting Syncfusion Support.     
We have tried your scenario by making a sample with the same, but unfortunately we were unable to reproduce it, but we were able to return value in the set accessor when focusing out the control.   
We have shared our sample for your reference below:   
Please check our shared sample and if you still have any queries or doubts, get back to us with more information. If possible, use our sample to reproduce your sample issue, so that it will help us provide a solution.   
Arun P.    

Replied On May 10, 2017 09:46 AM UTC

Your example does not work. It hangs.

After you leave the autocomplete control the value is undefinded. In your example you must show the field value after lost the autocomplete box (label).

Arun Palaniyandi [Syncfusion]
Replied On May 11, 2017 12:14 PM UTC

Hi Jürgen, 
Thanks for your update. 
We have given our sample with the version of and hence this issue is not reproduced from our side. But this issue prevails in our previous releases of version. So, we suggest you to upgrade to our latest Essential Studio version to overcome this issue.  

Please let us know if you have any queries.  
Arun P.  

Replied On May 11, 2017 02:26 PM UTC

We have update to Version 15.1.14 and now we have follow error:

Unhandled Promise rejection: Cannot set property 'allowCellMerging' of undefined ; Zone: ; Task: Promise.then ; Value: TypeError: Cannot set property 'allowCellMerging' of undefined
    at eval (/EJAngular2Module/class12/wrapper.ngfactory.js:208:56)


  "name": "asp.net",
  "version": "1.0.0",
  "description": "",
  "author": "",
  "license": "",
  "dependencies": {
    "@angular/common": "2.4.10",
    "@angular/compiler": "2.4.10",
    "@angular/core": "2.4.10",
    "@angular/forms": "2.4.10",
    "@angular/http": "2.4.10",
    "@angular/platform-browser": "2.4.10",
    "@angular/platform-browser-dynamic": "2.4.10",
    "@angular/platform-server": "2.4.10",
    "@angular/router": "3.4.10",
    "@ng-bootstrap/ng-bootstrap": "1.0.0-alpha.23",
    "alertifyjs": "1.8.0",
    "angular2-platform-node": "2.1.0-rc.1",
    "angular2-universal": "2.1.0-rc.1",
    "angular2-universal-polyfills": "2.1.0-rc.1",
    "aspnet-prerendering": "2.0.3",
    "aspnet-webpack": "1.0.28",
    "bootstrap": "4.0.0-alpha.6",
    "es6-shim": "0.35.1",
    "file-saver": "1.3.3",
    "font-awesome": "4.7.0",
    "isomorphic-fetch": "^2.2.1",
    "jquery": "3.1.1",
    "preboot": "4.5.2",
    "rxjs": "5.2.0",
    "systemjs": "0.19.39",
    "typescript": "2.2.1",
    "zone.js": "0.7.2",
    "moment": "2.18.1"
  "devDependencies": {
    "@types/alertify": "0.3.29",
    "@types/ej.web.all": "15.1.2",
    "@types/file-saver": "0.0.0",
    "@types/jquery": "2.0.34",
    "@types/node": "6.0.38",
    "@types/pdf": "0.0.31",
    "ng-router-loader": "2.1.0",
    "angular-router-loader": "0.5.0",
    "angular2-template-loader": "0.6.2",
    "awesome-typescript-loader": "3.1.2",
    "css": "^2.2.1",
    "css-loader": "0.27.3",
    "expose-loader": "^0.7.1",
    "extract-text-webpack-plugin": "^2.0.0-rc.2",
    "file-loader": "0.9.0",
    "html-loader": "0.4.4",
    "json-loader": "0.5.4",
    "raw-loader": "^0.5.1",
    "sass-loader": "4.1.1",
    "node-sass": "4.5.0",
    "style-loader": "^0.13.0",
    "to-string-loader": "1.1.5",
    "ts-loader": "2.0.3",
    "url-loader": "0.5.7",
    "syncfusion-javascript": "15.1.41",
    "ej-angular2": "15.1.41",
    "webpack": "2.2.1",
    "webpack-externals-plugin": "1.0.0",
    "webpack-hot-middleware": "2.17.1",
    "webpack-merge": "4.1.0"

And now ?

Arun Palaniyandi [Syncfusion]
Replied On May 12, 2017 12:23 PM UTC

Hi Jürgen,    
Thanks for your update.   
We have checked your issue, and that issue has been fixed in our ej-angular2 from the latest version. In order to resolve this, please issue use the below command.   
npm install ej-angular2@15.2.40 --save   
Note: 15.2.40 is our current latest version.   
Please refer to the below link: https://www.npmjs.com/package/ej-angular2   

We have recorded a video of our sample for your reference below:   

You can also try out our Angular 2 samples using our angular2-seeds hosted in github which will consist of latest versions. https://github.com/syncfusion/angular2-seeds   
Please let us know if you have any queries.     
Arun P.     


This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

or the page will be automatically redirected to sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon