Layui之新建页面，加载数据表格，点击搜索按钮重载数据

概要

由于，初次接触Layui的数据表格，想要实现数据表格的加载以及，点击查询按钮，重载数据表格的数据。期间经历了一些bug。在点击搜索按钮，调用接口的时候，输入框的参数任是没有带进去，百思不得其解，最后按照官网的格式，进行操作，结果又可以了，特在此记录一下。

代码

<td><a id="btnEp" class="easyui-linkbutton"  href="javascript:search()">查询</a></td>
<table id="tt"></table>
<td>
	<span class="txt">菜单</span>
	<input  class="easyui-combobox" url="${ctx}/param/findJsonCode.action?typecode=menu" id="menu2" name="menu2"
	data-options="valueField:'code', textField:'name', panelHeight:'auto'" style="width:180px;"/>
	</td>
	<td> 
	<span class="txt">功能编号</span>
	<input class="easyui-textbox" id="code2" name="code2" style="width:120px;"/>
	</td>
	<td>
	<span class="txt">功能名称</span>
	<input class="easyui-textbox" id="name2" name="name2" style="width:120px;"/>
</td>

前提：需引入相关js文件

var table;
 layui.use('table', function(){
	 table = layui.table;
	  //方法级渲染
	  table.render({
		elem: '#tt'
		,url: '<%=contextPath%>/mobmenu/findAllFun.action' //数据接口
	    ,cols: [[
		 	 {field:'opt',title:'<strong>操作</strong>',width:120},
			 {field:'moduleid',title:'<strong>功能编号</strong>',width:90},
			 {field:'modulename',title:'<strong>功能名称</strong>',width:140},
			 {field:'modulehref',title:'<strong>链接地址</strong>',width:400},
			 {field:'menu',title:'<strong>所属菜单</strong>',width:100},
			 {field:'enable',title:'<strong>是否启用</strong>',width:90}
	    ]]
	    ,id: 'testReload'
	    ,page: true
	    ,height: 740
	  });
 });
 
function search(){
    var menu=$('#menu2').combobox('getValue');
	var code=$('#code2').textbox('getValue');
    var name=$('#name2').textbox('getValue');

    //执行重载
    table.reload('testReload', {
      page: {
        curr: 1 //重新从第 1 页开始
      }
      ,where: {
        menu:menu
        ,code:code
        ,name:name
      }
    });
}