easyui使用心得

一、搭建easyui运行环境

　　1、下载easyui压缩文件

　　2、将降压后的文件添加至webapp目录下

　　3、引用5个必须的js和css文件　　　

　　　　 <!--引入easyui样式文件-->

　　　　<link rel="stylesheet" type="text/css" href="jquery-easyui-1.5.3/themes/default/easyui.css">

　　　　<!-- 引入easyui图标样式文件 -->

　　　　<link rel="stylesheet" type="text/css" href="jquery-easyui-1.5.3/themes/icon.css">

　　　　<!-- 引入Jquery.js -->

　　　　<script type="text/javascript" src="jquery-easyui-1.5.3/jquery.min.js"></script>

　　　　<!-- 引入easyui.js -->

　　　　<script type="text/javascript" src="jquery-easyui-1.5.3/jquery.easyui.min.js"></script>

　　　　<!-- 引入easyui中文支持的js文件 -->

　　　　<script type="text/javascript" src="jquery-easyui-1.5.3/locale/easyui-lang-zh_CN.js"></script>

二、注意点

　　1、datagrid

　　　　a、通过url请求接受到的数据必须是json格式

　　　　　　使用spring mvc中@ResponseBody注解可以将返回的数据自动转换为json格式

　　2、通过js创建easyui组件时的通用方法

　　　　a、创建

　　　　　　$("#dg").datagrid({属性});

　　　　b、调用组件的相关方法

　　　　　　$("#dg").datagrid('方法名',{参数});