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.