項(xiàng)目用到這玩意，像樣的API都是英文的，英文不好，所以經(jīng)過(guò)各種搜集，flexigrid就整理了這么多用得上的東西，用不上的沒(méi)有整理進(jìn)來(lái)。

flexigrid參數(shù)說(shuō)明:

??? height: 200, //flexigrid插件的高度，單位為px
??? width: 'auto', //寬度值，auto表示根據(jù)每列的寬度自動(dòng)計(jì)算，在IE6下建議設(shè)置具體值否則會(huì)有問(wèn)題
??? striped: true, //是否顯示斑紋效果，默認(rèn)是奇偶交互的形式
??? novstripe: false,//沒(méi)用過(guò)這個(gè)屬性
??? minwidth: 30, //列的最小寬度
??? minheight: 80, //列的最小高度
??? resizable: false, //resizable table是否可伸縮
??? url: false, //ajax url,ajax方式對(duì)應(yīng)的url地址
??? method: 'POST', // data sending method,數(shù)據(jù)發(fā)送方式
??? dataType: 'json', // type of data loaded,數(shù)據(jù)加載的類(lèi)型，xml,json
??? errormsg: '發(fā)生錯(cuò)誤', //錯(cuò)誤提升信息
??? usepager: false, //是否分頁(yè)
??? nowrap: true, //是否不換行
??? page: 1, //current page,默認(rèn)當(dāng)前頁(yè)
??? total: 1, //total pages,總頁(yè)面數(shù)
??? useRp: true, //use the results per page select box,是否可以動(dòng)態(tài)設(shè)置每頁(yè)顯示的結(jié)果數(shù)
??? rp: 25, // results per page,每頁(yè)默認(rèn)的結(jié)果數(shù)
??? rpOptions: [10, 15, 20, 25, 40, 100], //可選擇設(shè)定的每頁(yè)結(jié)果數(shù)
??? title: false, //是否包含標(biāo)題
??? pagestat: '顯示記錄從{from}到{to}，總數(shù) {total} 條', //顯示當(dāng)前頁(yè)和總頁(yè)面的樣式
??? procmsg: '正在處理數(shù)據(jù)，請(qǐng)稍候 ...', //正在處理的提示信息
??? query: '', //搜索查詢(xún)的條件
??? qtype: '', //搜索查詢(xún)的類(lèi)別
??? qop: "Eq", //搜索的操作符
??? nomsg: '沒(méi)有符合條件的記錄存在', //無(wú)結(jié)果的提示信息
??? minColToggle: 1, //允許顯示的最小列數(shù)
??? showToggleBtn: true, //是否允許顯示隱藏列，該屬性有bug設(shè)置成false點(diǎn)擊頭腳本報(bào)錯(cuò)。
??? hideOnSubmit: true, //是否在回調(diào)時(shí)顯示遮蓋
??? showTableToggleBtn: false, //是否顯示【顯示隱藏Grid】的按鈕
??? autoload: true, //自動(dòng)加載，即第一次發(fā)起ajax請(qǐng)求
??? blockOpacity: 0.5, //透明度設(shè)置
??? onToggleCol: false, //當(dāng)在行之間轉(zhuǎn)換時(shí)，可在此方法中重寫(xiě)默認(rèn)實(shí)現(xiàn)，基本無(wú)用
??? onChangeSort: false, //當(dāng)改變排序時(shí)，可在此方法中重寫(xiě)默認(rèn)實(shí)現(xiàn)，自行實(shí)現(xiàn)客戶(hù)端排序
??? onSuccess: false, //成功后執(zhí)行
??? onSubmit: false, // 調(diào)用自定義的計(jì)算函數(shù)，基本沒(méi)用??????
??? //Style
??? gridClass: "bbit-grid"//樣式?????????
}, p);
----------------------------------------------------------------------------------------------
支持ajax跨域：
??? url中加callback=?
??? 后臺(tái)獲得callback函數(shù)的名字
??? 返回json數(shù)據(jù)格式為:print(callbackName+"("+jsonString+")");
----------------------------------------------------------------------------------------------

Flexigrid(HUGO.CM修改版v1.1)使用說(shuō)明:

??? 1、加載flexigrid。p：選項(xiàng)參數(shù)集合
??? ??? $(“”).flexigrid(p);
??? 2、重新加載數(shù)據(jù)。
??? ??? $(“”).flexReload(p);
??? 3、更改flexigrid參數(shù)。P：選項(xiàng)參數(shù)集合
??? ??? $(“”).flexOptions (p);
??? 4、隱藏/顯示列。cid：列索引，visible：bool
??? ??? $(“”).flexToggleCol (cid, visible);
??? 5、綁定數(shù)據(jù)。Data：數(shù)據(jù)源
??? ??? $(“”).flexAddData (data);
??? 6、no select plugin by me 。不知道做什么用的
??? ??? $(“”).noSelect (p);
??? 7、重新指定寬度和高度。
??? ??? $(“”).flexResize(w,h);
??? 8、翻頁(yè)。type：first、prev、next、last、input
??? ??? $(“”).changePage(type);
----------------------------------------------------------------------------------------------
Flexigrid——colModel:
??? 屬性名??? 類(lèi)型??? 描述
??? display??? string??? 顯示的列名
??? name??? string??? 綁定的列名
??? sortable bool??? 是否可以排序
??? align??? string??? 對(duì)其方式
??? width??? int??? 列的寬度
??? hide??? bool??? 是否隱藏該列
??? pk??? bool??? 是否為主鍵標(biāo)識(shí)、如果是則隱藏該列，值存入隱藏域中
??? process??? function???
??? customValue function??? 自定義顯示值。(如性別：數(shù)據(jù)庫(kù)為Bit類(lèi)型，通過(guò)customValue方法返回“男/女”)參數(shù)：value,i
----------------------------------------------------------------------------------------------
Flexigrid——事件
??? 事件名??? ??? 參數(shù)??? ??? ??? ??? ??? 描述??? ??? ??? 返回值
??? onDragCol??? dcoln,dcolt??? ??? ??? ??? 拖動(dòng)列后觸發(fā) ??? ??? 無(wú)
??? onToggleCol??? cid,visible??? ??? ??? ??? 隱藏/顯示列后觸發(fā)??? 無(wú)
??? onChangeSort??? sortname,sortorder??? ??? ??? 自定義排序事件??? ??? 無(wú)
??? onChangePage??? newp??? ??? ??? ??? ??? 自定義翻頁(yè)事件??? ??? 無(wú)
??? onSuccess??? 無(wú)??? ??? ??? ??? ??? 數(shù)據(jù)獲取成功時(shí)觸發(fā)??? 無(wú)
??? onError??? ??? XMLHttpRequest,textStatus,errorThrown??? 出現(xiàn)錯(cuò)誤時(shí)觸發(fā)??? ??? 無(wú)
??? onSubmit??? 無(wú)??? ??? ??? ??? ??? 在獲取數(shù)據(jù)前時(shí)觸發(fā)??? bool
??? onRowSelect??? this??? ??? ??? ??? ??? 行選中事件??? ??? 無(wú)
----------------------------------------------------------------------------------------------
Flexigrid——buttons
??? 屬性名??? ??? 類(lèi)型??? ??? 描述
??? name??? ??? string??? ??? 按鈕名稱(chēng)
??? bgclass??? ??? string??? ??? 樣式
??? onpress??? ??? function??? 點(diǎn)擊觸發(fā)的方法
??? separator??? bool??? ??? 分割線(xiàn)
----------------------------------------------------------------------------------------------
Flexigrid——searchitems
??? 屬性名??? ??? 類(lèi)型??? ??? 描述
??? display??? ??? string??? ??? 搜索類(lèi)型下拉列表框：顯示的列名
??? name??? ??? string??? ??? 搜索類(lèi)型下拉列表框：綁定的列名
??? isdefault??? bool??? ??? 是否為默認(rèn)搜索類(lèi)型
??? //注：如果searchitems：true，則自動(dòng)根據(jù)所有字段生成下拉列表框

總結(jié)

以上是生活随笔為你收集整理的flexigrid参数API的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。