文档介绍：eaysUI 简介: easyui 是一种基于 jQuery 的用户界面插件集合。 easyui 为创建现代化,互动, JavaScript 应用程序,提供必要的功能。使用 easyui 你不需要写很多代码,你只需要通过编写一些简单 HTML 标记,就可以定义用户界面。 easyui 是个完美支持 HTML5 网页的完整框架。 easyui 节省您网页开发的时间和规模。 easyui 很简单但功能强大的。本次用到的插件: jquery-easyui- 主要引用: < link rel = "stylesheet" type = "text/css" href =" <%= path %> /js/ themes/default/ "> < link rel = "stylesheet" type = "text/css" href =" <%= path %> /js/ themes/ "> < link rel = "stylesheet" type = "text/css" href =" <%= path %> /js/ "> < script type = "text/javascript" src =" <%= path %> /js/ " ></ script > < script type = "text/javascript" src =" <%= path %> /js/ " ></ script > < script type = "text/javascript" src =" <%= path %> /js/ locale/easyui-lang-.js " ></ script > 一、 layout ( 布局) A) layout (布局) 1. < body class = "easyui-layout" > 2. <div data-options = "region:'north',title:'North Title',split:true" style = "he ight:100px;" ></div> 3. <div data-options = "region:'south',title:'South Title',split:true" style = "he ight:100px;" ></div> 4. <div data-options = "region:'east',iconCls:'icon-reload',title:'East',split:t rue" style = "width:100px;" ></div> 5. <div data-options = "region:'west',title:'West', split: ’ true ’ style = "wi dth:100px;" ></div> 6. <div data-options = "region:'center',title:'center title'" style = "padding:5px; background:#eee;" ></div> 7. </body> s plit