TreeView not rendering correctly

TreeView not rendering correctly

Posted by: mark on 13 March 2018, 2:23 am EST

• 

  mark

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 13 March 2018, 2:23 am EST

  I’m trying to use the Angular2 TreeView. I have the following import

  import { WjNavModule } from 'wijmo/wijmo.angular2.nav';
  

  and in the module’s imports section:

  
  @NgModule({
      imports: [
          WjNavModule,
          ...
      ],
  
  

  However, the control is not rendering correctly. I’m using the test data shown on this page (http://demos.wijmo.com/5/Angular2/TreeViewIntro/TreeViewIntro/) (which is hierarchical) and its rendering like that attached image.

  Any ideas?

• 

  mark

  • Post Options:
  • Link
    Copy

  Posted 13 March 2018, 2:25 am EST

  FYI the element in my html template is as follows:

  
   <wj-tree-view #tvChk
                  [itemsSource]="items"
                  [displayMemberPath]="'header'"
                  [childItemsPath]="'items'"
                  [showCheckboxes]="true"
                  (checkedItemsChanged)="fieldsSelected(tvChk)">
    </wj-tree-view>
  
  

• 

  manish.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 13 March 2018, 4:21 pm EST

  Hi,
  
  Could you please share “wijmo.css” file Version used in your project?

  Probably, the file used in your project do not have tree view control css definitions.

  Please update to the latest version.

  ~Manish

• 

  mark

  • Post Options:
  • Link
    Copy

  Posted 11 April 2018, 12:00 am EST

  Thanks, this worked.