easyui需要导一些包才能使用其中的功能,最基本的必导包:
<%--easyui的样式--%>
<link rel="stylesheet" type="text/css" href="/easyui/themes/default/easyui.css">
<%--easyui的一些图标--%>
<link rel="stylesheet" type="text/css" href="/easyui/themes/icon.css">
<%--jquery的js--%>
<script type="text/javascript" src="/easyui/jquery.min.js"></script>
<%--easyui的核心js--%>
<script type="text/javascript" src="/easyui/jquery.easyui.min.js"></script>
<%--国际化——汉化包--%>
<script type="text/javascript" src="/easyui/locale/easyui-lang-zh_CN.js"></script>
前端高级查询代码
search: function () {
// alert("search")
/*var username = $("#username").val();
var email = $("#email").val();
dg.datagrid('load',{
username:username,
email:email
});*/
var obj = $("#searchLike").serializeObject();
dg.datagrid('load', obj);
}
如上,我们可以根据id拿到每个查询框的值,再去查询,但是这样显得特别麻烦,试想一下,如果需要查询的字段很多,那么就会增加我们的代码量,也显得很冗余。
jQuery有一个扩展包,给我们提供了一个serializeObject函数,可以将我们的查询条件封装成一个对象,直接通过对象来查询,那么就需要导入一个jQuery的扩展包
<%--jQuery的扩展js--%>
<script type="text/javascript" src="/easyui/plugin/jquery.jdirk.js"></script>