Jquery Flexgrid 設定檔說明
来源:互联网 发布:oracle 查重复数据 编辑:程序博客网 时间:2024/05/21 15:51
来源:http://doublekai.org/blog/?p=517#
這個檔差點就被我刪掉了= =,好險有找到,我看還是PO在網誌比較安心一點
- $('#EmployeeGrid').flexigrid({
- //表格寬度(注意在IE不能使用100%之類字串)
- width:$(window).width()-2,
- //表格高度(注意在IE不能使用100%之類字串)
- height:480,
- //資料列雙色交差
- striped:true,
- //欄位雙色交差
- novstripe:false,
- //最小寬度
- minwidth:400,
- //最小高度
- minheight:200,
- //是否可調整視窗大小
- resizable:true,
- //遠端伺服的網址
- url:'server/employee.php',
- //資料送出模式
- method:'POST',
- //回傳的資料類型
- dataType:'xml',
- //連結資料失敗時的訊息
- errormsg:'連線資料庫失敗',
- //啟用分頁器
- usepager:true,
- //不重疊
- nowrap:true,
- //預設的頁數
- page:1,//currentpage
- //總頁數
- total:1,//totalpages
- //使用分頁大小選擇器
- useRp:true,
- //預設的分頁大小(筆數)
- rp:15,//resultsperpage
- //可選用的分頁大小
- rpOptions:[10,15,20,25,40],
- //標題
- title:false,
- //分頁器的顯示資訊
- pagestat:'檢視{from}到{to},全部共有{total}筆資料',
- //讀取時的訊息
- procmsg:'資料讀取中,請稍後…',
- //搜尋時送出附加自訂的query
- query:'',
- //搜尋自訂附加的欄位,請搜尋"//addsearchbutton"參考原始碼那段
- qtype:'',
- //空資料時的訊息
- nomsg:'找不到符合絛件的資料',
- //隱藏欄位數不得少於?
- minColToggle:1,
- //顯示或關閉隱藏欄位的開啟器
- showToggleBtn:true,
- //預設排序的欄位
- sortname:'basic_name',
- //預設排序的方式
- sortorder:'asc',
- //送出時隱藏
- hideOnSubmit:false,
- //限定單選
- singleSelect:true,
- //不得調整視窗寬度
- nohresize:true
- //自動讀取資料
- autoload:true,
- //區塊透明
- blockOpacity:0.5,
- //顯示隱藏欄位時呼叫的自訂函式
- onToggleCol:false,
- //改變排序方式時呼叫的自訂函式
- onChangeSort:false,
- //執行成功後呼叫的自訂函式
- onSuccess:false,
- //資料送出時呼叫的自訂函式
- onSubmit:false,
- //錯誤時呼叫的自訂函式
- onError:false,
- //當分頁大小選擇器被選擇時呼叫自訂函式
- onRpChange:false,
- //是否顯示右上角縮小視窗的按鈕
- showTableToggleBtn:true,
- //定義欄位資訊(以下為範例)
- colModel:[
- //第一個欄位
- {display:'身份證字號',
- name:'basic_unicode',
- width:75,
- sortable:true,
- align:'center',
- hide:false},
- //第二個欄位
- {display:'姓名',
- name:'basic_unicode',
- width:75,
- sortable:true,
- align:'center',
- hide:false}
- ],
- //自訂的參數(以下為範例)
- params:[
- //參數1(陣列型)
- {name:'viewFields',value:['id','basic_unicode','basic_name']},
- //參數2(單一型)
- {name:'action',value:'view'}
- /*
- 附註:另外以下為預設一定會送出去的物件參數,注意不要取同名
- var param={
- page:p.newp,
- rp:p.rp,
- sortname:p.sortname,
- sortorder:p.sortorder,
- query:p.query,
- qtype:p.qtype
- };
- */
- ],
- //定義功能欄的按鈕資訊(以下為範例)
- buttons:[
- {name:'新增',bclass:'add',onpress:null},
- {name:'刪除',bclass:'delete',onpress:null},
- {separator:true}
- ],
- //定義搜尋欄位資訊(以下為範例)
- searchitems:[
- {display:'身份證字號',name:'basic_unicode'},
- {display:'聯絡手機',name:'contact_mobile'},
- {display:'姓名',name:'basic_name',isdefault:true}
- ]
- });
$('#EmployeeGrid').flexigrid({//表格寬度(注意在IE不能使用100%之類字串)width:$(window).width()-2,//表格高度(注意在IE不能使用100%之類字串)height:480,//資料列雙色交差striped:true,//欄位雙色交差novstripe:false,//最小寬度minwidth:400,//最小高度minheight:200,//是否可調整視窗大小resizable:true,//遠端伺服的網址url:'server/employee.php',//資料送出模式method:'POST',//回傳的資料類型dataType:'xml',//連結資料失敗時的訊息errormsg:'連線資料庫失敗',//啟用分頁器usepager:true,//不重疊nowrap:true,//預設的頁數page:1,//currentpage//總頁數total:1,//totalpages//使用分頁大小選擇器useRp:true,//預設的分頁大小(筆數)rp:15,//resultsperpage//可選用的分頁大小rpOptions:[10,15,20,25,40],//標題title:false,//分頁器的顯示資訊pagestat:'檢視{from}到{to},全部共有{total}筆資料',//讀取時的訊息procmsg:'資料讀取中,請稍後…',//搜尋時送出附加自訂的queryquery:'',//搜尋自訂附加的欄位,請搜尋"//addsearchbutton"參考原始碼那段qtype:'',//空資料時的訊息nomsg:'找不到符合絛件的資料',//隱藏欄位數不得少於?minColToggle:1,//顯示或關閉隱藏欄位的開啟器showToggleBtn:true,//預設排序的欄位sortname:'basic_name',//預設排序的方式sortorder:'asc',//送出時隱藏hideOnSubmit:false,//限定單選singleSelect:true,//不得調整視窗寬度nohresize:true//自動讀取資料autoload:true,//區塊透明blockOpacity:0.5,//顯示隱藏欄位時呼叫的自訂函式onToggleCol:false,//改變排序方式時呼叫的自訂函式onChangeSort:false,//執行成功後呼叫的自訂函式onSuccess:false,//資料送出時呼叫的自訂函式onSubmit:false,//錯誤時呼叫的自訂函式onError:false,//當分頁大小選擇器被選擇時呼叫自訂函式onRpChange:false,//是否顯示右上角縮小視窗的按鈕showTableToggleBtn:true,//定義欄位資訊(以下為範例)colModel:[//第一個欄位{display:'身份證字號', name:'basic_unicode', width:75, sortable:true, align:'center', hide:false},//第二個欄位{display:'姓名', name:'basic_unicode', width:75, sortable:true, align:'center', hide:false}],//自訂的參數(以下為範例)params:[//參數1(陣列型){name:'viewFields',value:['id','basic_unicode','basic_name']},//參數2(單一型){name:'action',value:'view'}/*附註:另外以下為預設一定會送出去的物件參數,注意不要取同名var param={page:p.newp,rp:p.rp,sortname:p.sortname,sortorder:p.sortorder,query:p.query,qtype:p.qtype};*/],//定義功能欄的按鈕資訊(以下為範例)buttons:[{name:'新增',bclass:'add',onpress:null},{name:'刪除',bclass:'delete',onpress:null},{separator:true}],//定義搜尋欄位資訊(以下為範例)searchitems:[{display:'身份證字號',name:'basic_unicode'},{display:'聯絡手機',name:'contact_mobile'},{display:'姓名',name:'basic_name',isdefault:true}]});
另外官方原始碼沒有寫到「onRowDblclick」事件,也就是在欄位上連點兩下時呼叫的自訂函式,所以我在原始碼追加了一些程式碼(強化XD),讓他有這個效果,不過方法就等下篇再寫吧,不然會混在一起太亂
- Jquery Flexgrid 設定檔說明
- Jquery flexgrid
- flexgrid jquery
- Jquery FlexGrid
- JQuery UI Flexgrid 表格应用
- jquery flexgrid使用部分说明
- flexgrid
- Hibernate和jQuery插件flexgrid集成分页
- Jquery表格插件flexgrid使用心得
- jquery flexgrid加载前处理-preProcess
- javascript-jquery插件--FlexGrid 用法参数
- 小结(jquery,ui,flexgrid,数据库资源)
- stuts2+ibatis+jQuery +UI + flexgrid+Json做的一个用户管理界面
- FlexGrid控件排序方法
- FlexGrid合并单元格
- flexgrid的单元格合并
- C1.FlexGrid合并单元格
- C1.FlexGrid合并单元格
- Delphi对象创建过程
- SQL SERVER整理索引碎片测试
- 简单SSIS运用
- 别人对自己不好,自己对自己好一点
- 要开始学习java了
- Jquery Flexgrid 設定檔說明
- C++异常和SEH的结合
- sql server 2005 连接故障一例(复制,订阅)
- 不用临时变量交换两个数的值
- 设置button按钮背景色,及字体的颜色
- ASP操作数据库的类
- DbUtils: JDBC Utility Component Examples
- ASP程序实现网页伪静态页源代码
- jQuery入门简介