EasyUI的基本运用

目录

EasyUI中文文档以及依赖文件下载

使用

布局

1.树状图

2.json文件加载树状图数据

完整代码

EasyUI中文文档以及依赖文件下载

可通过蓝奏云盘下载：https://yfyp.lanzoub.com/b00eery9vg 密码:yfnb

使用

1.将文档和依赖文件下载之后，打开你创建的Javaweb项目，先将依赖文件导入项目（直接将文件夹导入），如下图

2.创建一个jsp文件，我的命名为admin.jsp，大家自行命名，之后进入jsp编码页面，先将依赖文件的路径写入jsp，如下：

注： 有时候在这个路径时，效果会出不来，因为此路径服务器获取不到，我们需要获取项目路径添加到上述路径中去，修改后的代码为：

布局

1.打开EasyUI的API文档，找到布局，如下图：

2.找到使用完整页面布局，如下：

代码如下：

3.将代码复制，将jsp中的body主体替换掉，运行tomcat服务器，即可看见如下界面：

1.树状图

1.在API文档中找到DataGrid and Tree，点击Tree，查看使用案例，代码如下：

• Folder

  • Sub Folder 1

    • File 11

    • File 12

    • File 13

  • File 2

  • File 3

• File21

2.将上述树状图代码复制到布局代码中title标题属性为West的