JqgridTable 使用方法:
1. 在查询列表页面引人两个文件
在头部引入: < %@include file="/resources/jqTable/head.jsp"%>
如图:
2. 表格显示需要引入一个文件
在需要显示的位置引入: < %@include file="/resources/jqTable/pagerContain.jsp"%>
如图:
3. 表格初始化加载方法
gridTab.iniTgridTable(colNames,colModel);
colNames :定义表格需要显示的表头,数组
colModel :定义头的列名称,数组里面参数json格式
name:列名变量
index:可以以不写,用来排序使用.可以点击这一列是自动排序
width:表格宽度
align: 对齐方式
….等
如图:
4. 列表查询函数调用
gridTab.jqTableData(param1, param2 , param3);
param1 : 可选值1 , 2 , 3 , null
param1=1;表示前一页
param1=2;表示后一页
param1=3;表示go跳转
param1=null 表示查询
param2: 需要请求的action名称,字符串类型jq字符串转数组
param3: 返回函数,返回值data
data 使用方式给表格添加数据:
var mygrid = $("#jqgid_list_table")[0];
mygrid.addJSONData(data);
如图:
Doquery()是我自己定义的.初始化aready的时候调用
5. 后台需要修改的地方,到对应action
SplitPage sp = ateSplitPage(getRequest());
代码行修改为:
SplitPage sp = ateSplitPage(getRequest(),"currentValue");
然后加入一下代码:
需要写在: sp = service.searchSplitPageByCond(sp, eql); 代码行下面
PrintWriter out = getResponse().getWriter();
getResponse().setCharacterEncoding("UTF-8");
out.GridTableJsonData(
sp,new String[]{"algoid","algoname","algodes","recupdts","reccrtts","status"}));
GridTableJsonData(sp,new String[xxx,xxx,xxx])方法 有两个参数
参数1 就写 SplitPage对象 sp
参数2: 字符串数组,根据表格里显示出来的字段, 选出javaBean的变量作为数组值,有 下划线[_]的字段,把下划线去掉.
最后return null;
如图:
修改前代码:
修改后代码:
JS脚本还有地方需要优化,不音响大家现在的开发..
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论