jquery_flexigrid使用手册.docVIP

Jquery.flexigrid使用手册 编写人：孟令国 编写日期：2010-8-23 编写目的 对于项目开发中，不可避免的需要使用一些grid。对于由div标签或者table标签拼接而成的表格，无论从外观还有实用性都较差。在资料搜集过程中找到jquery此插件。对于功能和外观均是完美的表现。为了在以后使用中能够更好、更快速的开发实用的功能，撰写此文档。 前提条件 对于一个项目如果想要使用flexigrid，需要满足以下条件（版本兼容性不在此说明）。 jquery.js(原则上版本在1.3以上。) flexigrid.js 其他需要扩展功能的插件。 使用说明 对于flexigrid的使用分为如下几个步骤，总体来说，分为前台表现层，与后台业务处理。 前台表现层： script type=text/javascript $(document).ready(function(){ //table初始化 var grid=$(#JUserTable).flexigrid({ width: 695, height: 270,//表格高度 url: %=basePath %admin/UserManagerServlet,//数据请求地址 dataType: json,//请求数据的格式 colModel : [//表格的题头与索要填充的内容。 {display: 用户ID, name : userId, width : 40, sortable : true, align: center,toggle : false}, {display: 登陆名称, name : userName, width : 80, sortable : true, align: center}, {display: 密码管理, name : userPwd, width : 80, sortable : true, align: center}, {display: 真实姓名, name : userRealName, width : 80, sortable : true, align: center}, {display: 权限, name : userPower, width : 80, sortable : true,hide:true, align: center}, {display: 当前状态, name : userState, width : 80, sortable : true, align: center}, {display: 创建时间, name : userCreateTime, width : 160, sortable : true, align: center} ], buttons : [ {name: add, displayname: 新增, bclass: add ,onpress: toolbarItem}, {separator: true}, {name: modify, displayname: 修改, bclass: modify,onpress: toolbarItem}, {separator: true}, {name: delete, displayname: 删除, bclass: delete,onpress: toolbarItem} ], searchitems : [ {display: 登陆名称, name : userName,isdefault:true}, {display: 真实姓名, name : userRealName} ], errormsg: 发生异常, sortname: userId,//默认排序字段名称 sortorder: desc,//升序还是降序 usepager: true, title: 后台用户管理, pagestat: 显示记录从{from}到{to}，总数 {total} 条, useRp: true, rp: 10,//默认分页条数 rpOptions: [10,20