2019-05-01

Hello,World!

  1. 引入开发包
                            
                                <!-- 引入样式 -->
                                <link rel="stylesheet" href="_file_path/focus-ui/theme/bootstrap.min.css">
                                <!-- 引入组件库 -->
                                <script src="_file_path/focus-ui/focus-ui.min.js"></script>
                            
                        
  2. 创建组件&设置属性
                            
                                var tree = z.widget.Tree({
                                    appendTo:"#parentDiv",//父节点
                                    checkbox_visible:true//选项
                                });
                            
                        
  3. 设置data&调用方法
                            
                                tree.setData([
                                        {
                                        name: "This PC",
                                        children: [
                                            {name: "Documents"},
                                            {name: "Downloads"}
                                        ]
                                    }
                                ]);
                                tree.expandAll();
                            
                        
  4. 浏览器支持

    支持所有主流和最新稳定版本的浏览器, 在Windows上,我们支持Internet Explorer 10-11 / Microsoft Edge。

  5. 最快的学习方法

    查看Demos及其源代码,是最快的学习和使用方式。