Wijmo Treeview in Angular

Wijmo Treeview in Angular

Posted by: maricar.m.clariza on 4 January 2022, 10:14 pm EST

• 

  maricar.m.clariza

  • Post Options:
  • Link
    Copy

  Posted 4 January 2022, 10:14 pm EST

  Hi guys,
  
  I hope you can help me asap.

  im trying to folow this https://stackblitz.com/edit/angular-1labre?file=src%2Fapp%2Fapp.module.ts ← code tutorial on creating a wijmo treeview… however… I keep on getting these errors
  
  Error: src/app/shared/navigation/navigation.component.html:13:7 - error NG8001: ‘wj-tree-view’ is not a known element:
  
  1. If ‘wj-tree-view’ is an Angular component, then verify that it is part of this module.
  
  2. If ‘wj-tree-view’ is a Web Component then add ‘CUSTOM_ELEMENTS_SCHEMA’ to the ‘@NgModule.schemas’ of this component to suppress this message.

  13       <wj-tree-view class="custom-tree" [expandOnClick]="false" [itemsSource]="source" [allowDragging]="true" [isReadOnly]="false"  #tree [displayMemberPath]="'header'" [childItemsPath]="'items'">
           ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  
    src/app/shared/navigation/navigation.component.ts:11:16
      11   templateUrl: './navigation.component.html',
                        ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
      Error occurs in the template of component NavigationComponent.
  src/app/shared/navigation/navigation.component.html:13:41 - error NG8002: Can't bind to 'expandOnClick' since it isn't a known property of 'wj-tree-view'.
  1. If 'wj-tree-view' is an Angular component and it has 'expandOnClick' input, then verify that it is part of this module.
  2. If 'wj-tree-view' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
  3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.
  

  please help me >.<

• 

  maricar.m.clariza

  • Post Options:
  • Link
    Copy

  Posted 4 January 2022, 11:28 pm EST

  this is more on rendering issue … hope to get an assistance from you guys soon

• 

  maricar.m.clariza

  • Post Options:
  • Link
    Copy

  Posted 5 January 2022, 12:17 am EST

  am not sure how to implement this section

• 

  maricar.m.clariza

  • Post Options:
  • Link
    Copy

  Posted 5 January 2022, 12:17 am EST - Updated 3 October 2022, 3:12 am EST

  

• 

  sonu.pandey

  

  • Post Options:
  • Link
    Copy

  Posted 5 January 2022, 10:45 pm EST

  Hello,

  As per the shared error messages, it seems you have not imported the module WjNavModule in your project. As on the shared stackblitz sample, the WjNavModule module gets imported inside the project (refer to the app.module.ts file). Please import the Nav module properly to use the treeView in your project. If you still face any issues then please share the sample replicating the issue.

  Also, the shared image of the wijmo Doc is for the AngularJS i.e. before Angular 2. If you are using AngularJS then let us know the wijmo and angular versions used in your project.

  Regards

• 

  maricar.m.clariza

  • Post Options:
  • Link
    Copy

  Posted 5 January 2022, 11:05 pm EST - Updated 3 October 2022, 3:12 am EST

  hi sonu.pandey,
  
  I no longer get the error messages. however, the tree view still not showing

  

  731×503 48 KB

  

  626×584 11.3 KB

• 

  maricar.m.clariza

  • Post Options:
  • Link
    Copy

  Posted 5 January 2022, 11:06 pm EST - Updated 3 October 2022, 3:12 am EST

  

  771×851 36.8 KB

• 

  sonu.pandey

  

  • Post Options:
  • Link
    Copy

  Posted 6 January 2022, 6:37 pm EST

  Hello,

  We apologize but we are unable to replicate the issue at our end. Would you please clarify if you are facing the issue with the below-shared sample too? If yes, please share some screenshots/gif of the issue or error. If you are facing this issue only in your application but not in the shared sample then it is possible that the issue is arising due to some code specific to your application. Since we are unable to replicate the issue, I would request you to share a sample that demonstrates the issue so that we could further investigate the root cause of the issue and assist you accordingly. Without a sample to replicate the issue, we cannot comment on the actual nature of the issue.

  Sample link: https://stackblitz.com/edit/angular-r8c33e?file=src%2Fapp%2Fapp.component.ts

  Regards