2019-05-01

Hello,World!

  1. Includes javascript&css files
                            
                                <!-- includes javascript file -->
                                <link rel="stylesheet" href="_file_path/focus-ui/theme/bootstrap.min.css">
                                <!-- includes css file -->
                                <script src="_file_path/focus-ui/focus-ui.min.js"></script>
                            
                        
  2. Creates the component object and sets attributes
                            
                                var tree = z.widget.Tree({
                                    appendTo:"#parentDiv",//parent element
                                    checkbox_visible:true//option
                                });
                            
                        
  3. Sets the source data and call method
                            
                                tree.setData([
                                        {
                                        name: "This PC",
                                        children: [
                                            {name: "Documents"},
                                            {name: "Downloads"}
                                        ]
                                    }
                                ]);
                                tree.expandAll();
                            
                        
  4. Supported browsers

    Supports the latest, stable releases of all major browsers and platforms. On Windows, we support Internet Explorer 10-11 / Microsoft Edge.

  5. The fastest way to learn

    View Demos and its source code, is the fastest way to learn and use.