如何利用EasyUI框架控制页面布局

第一步，打开eclipse IDE工具，创建web动态项目；在web项目目录WebContent下创建静态页面index.html，如下图所示：

第二步，引入EasyUI中的主题样式文件easyui.css、icon.css、demo.css，以及引入jQuery核心js和EasyUI相关的js文件，如下图所示：

第三步，创建EasyUI框架布局控件layout，并设置五个方向东南西北中的样式，如颂神腊下图所示：

第四步，预览该静态页面，这时在浏览器看到页面被分野滑成五个部分，每个部分都有一个标题，如下图所示：

第五步，在jquery初始化函数里编写某一部分折叠方法函数，调用layout()方法，如下图所示：

6

第六步，再次预瞎运览页面，会看到为“南”的部分被折叠起来了，如下图所示：

第一步，新建静态页面filebox.html，并袭茄修改页面标题为“EasyUI上传文件控件”

第二步，为模禅袭了使用EasyUI插件，需要引入EasyUI相关的CSS和JavaScript文件

第三步，在body标签元素内插入一个panel和filebox，并设置它们的样式，接着在其下方插入一个上传文件的按钮

第四步，完成了前三步后，在浏览器中进行预览，旦兄这时会看到上传文件控件和上传文件按钮

第五步，在jquery初始化函数中添加上传文件点击事件，点击后会将上传文件插件的英文提示会变成中文

第六步，第五步完成后，在浏览器中进行预览；单击“上传”按钮，“Choose File”改为“选择文件”

刚刚接触easyUI，这个datagrid的url载入数据也是困扰多时。

首先，Visual Studio直接写个json文件是不行的！直接打开htm文件到时可以，但是用VS预览是绝逼出不了数据的，我试了一下午。（有个奇葩方法，你把json文件结尾变成.aspx就可以显示数据了，但只限VS里跑起来才行，而且也只能是VS里行，本地打开htm就歇菜了，随意这个方法不推荐）

url参数里的地址必须是用ajax方法得到的json数据，可以用ashx文件，或者mvc 的jsonresult路径，只要返回json字符串就可以。

或者直接加载js对象，也毕皮就是用loadData方法，url设置为null

我又查了查，嗯，大概是这样

默认iis是没有json文件的mime映射的，所以请求json文件会出现404【GET请求】或者405 Method Not Allowed【POST请求】错误，导致无法加载json文件。

如果是学习easyUI的时候，陵培我觉得配置jquery easyui datagrid的请求方式方法为GET【默认为POST请求】，这样可以

$('手汪差#xxxx').datagrid({

method:'GET'//===========

//........其他配置

})

---