EasyUI制作隐藏的表格,查询时显示表格和结果

1.HTML页面很简单,如图:

EasyUI制作隐藏的表格,查询时显示表格和结果

 

2.接下来设置表格的隐藏与显示,隐藏语句放到页面初始化方法里就行,显示语句放到查询方法里如图:

EasyUI制作隐藏的表格,查询时显示表格和结果

EasyUI制作隐藏的表格,查询时显示表格和结果

  例如:页面初始化方法:

EasyUI制作隐藏的表格,查询时显示表格和结果

 

  查询方法(即查询按钮的点击事件):

EasyUI制作隐藏的表格,查询时显示表格和结果

 

3.接下来利用EasyUI设计,注意红框的方法,这个方法是自动分页方法,其他属性设置也需要仔细查看,第二张图展示分页方法:

EasyUI制作隐藏的表格,查询时显示表格和结果

 

  分页方法,这个方法可以直接使用,不必修改:

EasyUI制作隐藏的表格,查询时显示表格和结果

 

4.Controller方法,注意传参类型和获得参数的方式:

EasyUI制作隐藏的表格,查询时显示表格和结果

 

5.效果图,抱歉,数据保密:

EasyUI制作隐藏的表格,查询时显示表格和结果