Krajee

Tree View Demo

  1. Home
  2. Tree Manager
  3. Tree View Demo
Star Fork Watch Follow
Thankful to Krajee! BUY A COFFEEor to get more out of us.

Demonstration of the TreeView widget. This is part of the yii2-tree extension package from Krajee with inbuilt jQuery plugins and Yii widgets for tree node manipulation and management using nested sets. The yii2-tree-manager module includes two major widgets TreeView and TreeViewInput. View the complete documentation for details. Click here to configure this demo.

Click here if looking for the TreeViewInput Demo

Tip

Not seeing the updated content on this page! Hard refresh your browser to clean cache for this page (e.g. SHIFT-F5 on Windows Chrome)

Products
×
  •  
    Phones and Tablets
    •  
      Apple
      •  
        iPhone
        •  
          iPhone 6
        •  
          iPhone 5s
        •  
          iPhone 4
      •  
        iPad
        •  
          iPad Air
        •  
          iPad v4
        •  
          iPad v3
    •  
      Samsung
      •  
        Galaxy S
        •  
          Galaxy S5
        •  
          Galaxy S4
      •  
        Galaxy Note
        •  
          Galaxy Note 4
        •  
          Galaxy Note 3
      •  
        Galaxy Tab
    •  
      Sony
  •  
    Notebooks and Desktops
    •  
      Apple
      •  
        Macbook
        •  
          Macbook Air
        •  
          Macbook Pro
      •  
        Mac Mini
      •  
        iMac
        •  
          iMac Pro
        •  
          iMac Server
    •  
      Lenovo
      •  
        Ideapad
        •  
          U Series
        •  
          Z Series
      •  
        Thinkpad
        •  
          T Series
        •  
          Z Series
Phones and Tablets

Admin Settings

Important

Take care and prevent entering / updating invalid or junk data on the demo treeview for the benefit of the others. The demo data may not be refreshed frequently but will be reset periodically based on assessment of the data quality on the site.

Configure TreeView Demo

Important Flags
Icon Settings 
// listData for icon type = 'list'
['folder-close'=>'Folder','file'=>'File','phone'=>'Phone','bell'=>'Bell']
Headings
Configuration Code 
echo \kartik\tree\TreeView::widget([
    'query' => \common\models\Product::find()->addOrderBy('root, lft'),
    'headingOptions' => ['label' => 'Store'],
    'rootOptions' => ['label'=>'<span class="text-primary">Products</span>'],
    'topRootAsHeading' => true, // this will override the headingOptions
    'fontAwesome' => true,
    'isAdmin' => true,
    'iconEditSettings'=> [
        'show' => 'list',
        'listData' => [
            'folder' => 'Folder',
            'file' => 'File',
            'mobile' => 'Phone',
            'bell' => 'Bell',
        ]
    ],
    'softDelete' => true,
    'cacheSettings' => ['enableCache' => true]
]);

Comments & Discussion

Note

You can now visit the Krajee Webtips Q & A forum for searching OR asking questions OR helping programmers with answers on these extensions and plugins. For asking a question click here. Select the appropriate question category (i.e. Krajee Plugins) and choose this current page plugin in the question related to field.

The comments and discussion section below are intended for generic discussions or feedback for this plugin. Developers may not be able to search or lookup here specific questions or tips on usage for this plugin.

 
visitors to Krajee Yii2 Demos since 22-May-2017