资源描述：
《jquery_flexigrid使用手册》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。
1、Jquery.flexigrid使用手册编写人：孟令国编写日期：2010-8-23一、编写目的对于项目开发中，不可避免的需要使用一些grid。对于由div标签或者table标签拼接而成的表格，无论从外观还有实用性都较差。在资料搜集过程中找到jquery此插件。对于功能和外观均是完美的表现。为了在以后使用中能够更好、更快速的开发实用的功能，撰写此文档。二、前提条件对于一个项目如果想要使用flexigrid，需要满足以下条件（版本兼容性不在此说明）。1、jquery.js(原则上版本在1.3以上。)2、flexigrid.j
2、s3、其他需要扩展功能的插件。三、使用说明对于flexigrid的使用分为如下几个步骤，总体来说，分为前台表现层，与后台业务处理。1、前台表现层：$(document).ready(function(){//table初始化vargrid=$("#JUserTable").flexigrid({width:695,//表格宽度height:270,//表格高度url:'<%=basePath%>admin/UserManagerServlet',//数据请求地址
3、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
4、:'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:'use
5、rCreateTime',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',displaynam
6、e:'删除',bclass:'delete',onpress:toolbarItem}],searchitems:[//查询条件{display:'登陆名称',name:'userName',isdefault:true},{display:'真实姓名',name:'userRealName'}],errormsg:'发生异常',//发生异常时提示信息sortname:"userId",//默认排序字段名称sortorder:"desc",//升序还是降序usepager:true,title:'后台用户管理',//标题
7、信息pagestat:'显示记录从{from}到{to}，总数{total}条',//分页显示信息useRp:true,rp:10,//默认分页条数rpOptions:[10,20,50],//可选择设定的每页结果数nomsg:'没有符合条件的记录存在',minColToggle:1,//允许显示的最小列数showTableToggleBtn:true,autoload:true,//自动加载，即第一次发起ajax请求resizable:false,//table是否可伸缩procmsg:'加载中,请稍等...',hid
8、eOnSubmit:true,//是否在回调时显示遮盖blockOpacity:0.5,//透明度设置showcheckbox:true,//是否显示第一列的checkbox（用于全选）gridClass:"bbit-grid"//样式});//按钮操作函数functiontoolbarItem(com,grid){
