資源描述：
《jquery表格插件flexgrid使用心得》由會員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在應(yīng)用文檔-天天文庫。
1、Jquery表格插件flexgrid使用心得基本環(huán)境的配置。所需要的JS文件和CSS文件如下所示：一、基本容器與設(shè)置。1.首先先建立一個空的表格，設(shè)置好ID。2.在表格代碼的下方初始化表格。$(function(){$("#t_user0").flexigrid({url:"bguser!CommonUsers",dataType:"json",colModel:[{display
3、:'用戶ID',name:'usrRegname',sortable:true,width:'120'},{display:'用戶名',sortable:true,width:'80'},{display:'真實(shí)姓名',sortable:true,width:'100'},{display:'生日',sortable:true,width:'60'},{display:'身份證號碼',sortable:true,width:'80'},{display:'密碼提示問題',sortable:true,width:'320'},{displa
4、y:'密碼提示答案',sortable:true,width:'320'},{display:'所在大學(xué)',sortable:true,width:'320'},{display:'所在學(xué)院',sortable:true,width:'320'},{display:'專業(yè)班級',sortable:true,width:'320'},{display:'入學(xué)年份',sortable:true,width:'160'},{display:'性別',sortable:true,width:'320'},{display:'電子郵件',sorta
5、ble:true,width:'320'},{display:'聯(lián)系方式',sortable:true,width:'320'},{display:'QQ號碼',sortable:true,width:'320'},{display:'特長愛好',sortable:true,width:'320'},{display:'用戶權(quán)限',sortable:true,width:'320'}],buttons:[{name:"設(shè)為內(nèi)部人員",bclass:"add",onpress:setinner},{name:"刪除",bclass:"del
6、ete",onpress:deleteitem}],searchitems:[{display:'用戶名',name:'usrRegname'},{separator:true}],sortname:"usrId",sortorder:"desc",usepager:true,title:"普通用戶管理",usrRp:true,rp:10,showTableToggleBtn:true,height:'300',width:'auto'});});注：參數(shù)列表（來自網(wǎng)絡(luò)，未驗(yàn)證是否齊全）1.height:?200,?//
7、flexigrid插件的高度，單位為px??2.width:?'auto',?//寬度值，auto表示根據(jù)每列的寬度自動計(jì)算，在IE6下建議設(shè)置具體值否則會有問題??3.striped:?true,?//是否顯示斑紋效果，默認(rèn)是奇偶交互的形式??4.novstripe:?false,//沒用過這個屬性??5.minwidth:?30,?//列的最小寬度??6.minheight:?80,?//列的最小高度??7.resizable:?false,?//resizable?table是否可伸縮??8.url:?false,?//ajax?u
8、rl,ajax方式對應(yīng)的url地址??9.method:?'POST',?//?data?sending?method,數(shù)據(jù)發(fā)送方式??10.dataType:?'json',?//?type
