与dataTable和jqTable其名的flexigrid.js

*按照国际惯例先闲聊几句哈，
各位使用过的朋友有没有觉得这个框架很古老， 当然古老了，这是07年左右出来的table框架，
因为公司不是做互联网项目的，所以有幸接触到这个古老的框架，刚刚交付完项目，闲来无事，就给自己做点笔录，不喜勿喷哈
*``

先直接看代码哈
	$("#lichengDetailTable").flexigrid({
			url: modelConfig.http,
			dataType: 'json',
			colModel : [
				
					// {display: parent.lang.report_licheng_beginLicheng + gpsGetLabelLiChengUnit(), name : 'startLiCheng', width : 100, sortable : false, align: 'center'},
					// {display: parent.lang.report_normal_beginPosition, name : 'startPosition', width : 250, sortable : false, align: 'center'},
					// {display: parent.lang.endtime, name : 'endTime', width : 120, sortable : false, align: 'center'},
					// {display: parent.lang.report_licheng_endLicheng + gpsGetLabelLiChengUnit(), name : 'endLiCheng', width : 100, sortable : false, align: 'center'},
					// {display: parent.lang.report_normal_endPosition, name : 'endPosition', width : 250, sortable : false, align: 'center'}
				],
			pernumber: parent.lang.pernumber,
			pagestat: parent.lang.pagestatInfo,
			pagefrom: parent.lang.pagefrom,
			pagetext: parent.lang.page,
			pagetotal: parent.lang.pagetotal,
			findtext: parent.lang.find,
			procmsg: parent.lang.procmsg,
			nomsg : parent.lang.nomsg,
			statistics:false,//开启统计
			usepager: false,
			autoload: false,
			useRp: true,
			rp: 15,
			showTableToggleBtn: true,
			width: 'auto',
			onSubmit: false,
			params:[{name:'begintime',value:''},{name:'endtime',value:''},{name:'veh',value:''}],
			onSuccess: loadSuccess,
			height: 'auto'

参数说明：
height: 200, //flexigrid插件的高度，单位为px
    width: 'auto', //宽度值，auto表示根据每列的宽度自动计算，在IE6下建议设置具体值否则会有问题
    striped: true, //是否显示斑纹效果，默认是奇偶交互的形式
    novstripe: false,//没用过这个属性
    minwidth: 30, //列的最小宽度
    minheight: 80, //列的最小高度
    resizable: false, //resizable table是否可伸缩
    url: false, //ajax url,ajax方式对应的url地址
    method: 'POST', // data sending method,数据发送方式
    dataType: 'json', // type of data loaded,数据加载的类型，xml,json
    errormsg: '发生错误', //错误提升信息
    usepager: false, //是否分页
    nowrap: true, //是否不换行
    page: 1, //current page,默认当前页
    total: 1, //total pages,总页面数
    useRp: true, //use the results per page select box,是否可以动态设置每页显示的结果数
    rp: 25, // results per page,每页默认的结果数
    rpOptions: [10, 15, 20, 25, 40, 100], //可选择设定的每页结果数
    title: false, //是否包含标题
    pagestat: '显示记录从{from}到{to}，总数 {total} 条', //显示当前页和总页面的样式
    procmsg: '正在处理数据，请稍候 ...', //正在处理的提示信息
    query: '', //搜索查询的条件
    qtype: '', //搜索查询的类别
    qop: "Eq", //搜索的操作符
    nomsg: '没有符合条件的记录存在', //无结果的提示信息
    minColToggle: 1, //允许显示的最小列数
    showToggleBtn: true, //是否允许显示隐藏列，该属性有bug设置成false点击头脚本报错。
    hideOnSubmit: true, //是否在回调时显示遮盖
    showTableToggleBtn: false, //是否显示【显示隐藏Grid】的按钮
    autoload: true, //自动加载，即第一次发起ajax请求
    blockOpacity: 0.5, //透明度设置
    onToggleCol: false, //当在行之间转换时，可在此方法中重写默认实现，基本无用
    onChangeSort: false, //当改变排序时，可在此方法中重写默认实现，自行实现客户端排序
    onSuccess: false, //成功后执行
    onSubmit: false, // 调用自定义的计算函数，基本没用      
    //Style
    gridClass: "bbit-grid"//样式          
}, p);
----------------------------------------------------------------------------------------------
2、支持ajax跨域：
    url中加callback=?
    后台获得callback函数的名字
    返回json数据格式为:print(callbackName+"("+jsonString+")");
----------------------------------------------------------------------------------------------
3、Flexigrid(HUGO.CM修改版v1.1)使用说明:
    1、加载flexigrid。p：选项参数集合
        $(“”).flexigrid(p);
    2、重新加载数据。
        $(“”).flexReload(p);
    3、更改flexigrid参数。P：选项参数集合
        $(“”).flexOptions (p);
    4、隐藏/显示列。cid：列索引，visible：bool
        $(“”).flexToggleCol (cid, visible);
    5、绑定数据。Data：数据源
        $(“”).flexAddData (data);
    6、no select plugin by me 。不知道做什么用的
        $(“”).noSelect (p);
    7、重新指定宽度和高度。
        $(“”).flexResize(w,h);
    8、翻页。type：first、prev、next、last、input
        $(“”).changePage(type);
----------------------------------------------------------------------------------------------
4、Flexigrid——colModel:
    属性名    类型    描述
    display    string    显示的列名
    name    string    绑定的列名
    sortable bool    是否可以排序
    align    string    对其方式
    width    int    列的宽度
    hide    bool    是否隐藏该列
    pk    bool    是否为主键标识、如果是则隐藏该列，值存入隐藏域中
    process    function    
    customValue function    自定义显示值。(如性别：数据库为Bit类型，通过customValue方法返回“男/女”)参数：value,i
----------------------------------------------------------------------------------------------
5、Flexigrid——事件
    事件名        参数                    描述            返回值
    onDragCol    dcoln,dcolt                拖动列后触发         无
    onToggleCol    cid,visible                隐藏/显示列后触发    无
    onChangeSort    sortname,sortorder            自定义排序事件        无
    onChangePage    newp                    自定义翻页事件        无
    onSuccess    无                    数据获取成功时触发    无
    onError        XMLHttpRequest,textStatus,errorThrown   出现错误时触发        无
    onSubmit    无                    在获取数据前时触发    bool
    onRowSelect    this                    行选中事件        无
----------------------------------------------------------------------------------------------
6、Flexigrid——buttons
    属性名        类型        描述
    name        string        按钮名称
    bgclass        string        样式
    onpress        function    点击触发的方法
    separator    bool        分割线
----------------------------------------------------------------------------------------------
7、Flexigrid——searchitems
    属性名        类型        描述
    display        string        搜索类型下拉列表框：显示的列名
    name        string        搜索类型下拉列表框：绑定的列名
    isdefault    bool        是否为默认搜索类型
    //注：如果searchitems：true，则自动根据所有字段生成下拉列表框