jquery+flexigrid使用方法.doc

Jquery flexigrid使用 使用技术：struts2.1.6+spring+hibernate+jquery+flexigrid+thickbox+mysql 主要的js文件：jquery.js,flexigrid.js,query.js,thickbox.js,util.js 其中： util.js是扩展flexigrid的功能，如条件查询用到的getQuery属性。 query.js是自定义的flexigrid界面显示和函数触发文件。 Jar包： 使用过程： Struts2 jar只能用 2.1.6,web.xml中配置： taglib taglib-uristruts-tags/taglib-uri taglib-location/WEB-INF/lib/struts2-core-2.1.6.jar/taglib-location /taglib 用struts2-core-2.0.14会报错： org.apache.jasper.JasperException: ? Unable ? to ? initialize ? TldLocationsCache: ? null Jsp页面： 引入jquery、flexigrid插件文件以及test.js，body中编写： body table id=grid/table /body 在js文件中使用flexigrid创建页面: $(document).ready( function() { $(#grid).flexigrid( { // url :jsp/query/json.json, url : getPaginationAction.action, dataType :json, colModel : [ { display :编号, name :id, width :60, sortable :true, align :center }, { display :姓, name :firstname, width :120, sortable :true, align :left }, { display :名, name :lastname, width :120, sortable :true, align :left }, { display :操作, name :opt, width :120, sortable :true, align :left, process :operate } ], searchitems : [ { display :id, name :id, isdefault :true }, { display :姓, name :firstname, isdefault :true }, { display :名, name :lastname, isdefault :true } ], // 右下方工具条按钮 buttons : [ { name :Add, bclass :add, displayname :增加, onpress :test, separator :true }, { name :Delete, bclass :delete, displayname :删除, onpress :test }, { name :Modify, bclass :modify, displayname :修改, onpress :test } ], sortname :id, sortorder :asc, striped :true, usepager :true, resizable: true, title :人员管理, useRp :true, total :10, rp :2, pagestat :显示 {from} 到 {to} 条， 共{total}条记录, procmsg :加载中, 请稍等 ..., showTableToggleBtn :true, rpOptions : [ 2, 5, 10, 15, 20 ],// 可选择设定的每页结果数 width :1000, height :300, getQuery :getQuery }); }); 条件筛选查询时使用的： Form id=“search”; 查