Base solution for your next web application
Open Closed

Devextreme datagrid #3411


User avatar
0
blacksnow created

We use devextreme from DevExpress and want to replace the data grid in the angular2 application. I've added the npm packages to the package.json file

"devextreme": "^17.1.3",
"devextreme-angular": "^17.1.3",

The DxDataGridModule is imported in the app.module.ts The DxDataGridComponent is imported in the tenants.component.ts

When i add the dx-data-grid element to tenants.component.html it doesn't recognize it and an error is thrown.

[i][i][i]ERROR Error: Uncaught (in promise): Error: Template parse errors: Can't bind to 'dataSource' since it isn't a known property of 'dx-data-grid'.

  1. If 'dx-data-grid' is an Angular component and it has 'dataSource' input, then verify that it is part of this module.

  2. If 'dx-data-grid' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the <a href="mailto:'@NgModule.schemas">'@NgModule.schemas</a>' of this component to suppress this message.

  3. To allow any property add 'NO_ERRORS_SCHEMA' to the <a href="mailto:'@NgModule.schemas">'@NgModule.schemas</a>' of this component. (" </div>

         &lt;dx-data-grid id=&quot;gridContainer&quot; [ERROR -&gt;][dataSource]="customers" [columns]="['CompanyName', 'City', 'State', 'Phone', 'Fax']">
         </"): ng:///AdminModule/TenantsComponent.html@36:45
    

Can you please advise? Regards, Rob angular.zip


1 Answer(s)
  • User Avatar
    0
    alper created
    Support Team

    Hi, i guess it's not related to Asp.Net Zero. You can post the problem on DevExtreme forum as they know their product better.