jqGrid--自定义按钮精编.doc

jqGrid -- 自定义按钮 用法： script ... jQuery(#grid_id).navGrid(#pager,...).navButtonAdd(#pager,{parameters}); ... /script 如果使用新API script ... jQuery(#grid_id).jqGrid(navGrid,#pager,...).jqGrid(navButtonAdd,#pager,{parameters}); ... /script 默认参数 { caption:NewButton, buttonicon:ui-icon-newwin, onClickButton:null, position: last, title:, cursor: pointer} caption：按钮名称，可以为空，string类型buttonicon：按钮的图标，string类型，必须为UI theme图标onClickButton：按钮事件，function类型，默认nullposition：first或者last，按钮位置title：string类型，按钮的提示信息cursor：string类型，光标类型，默认为pointerid：string类型，按钮id 如果设置多个按钮： ... jQuery(#grid_id) .navGrid(#pager,{edit:false,add:false,del:false,search:false}) .navButtonAdd(#pager,{ caption:Add, buttonicon:ui-icon-add, onClickButton: function(){ alert(Adding Row); }, position:last }) .navButtonAdd(#pager,{ caption:Del, buttonicon:ui-icon-del, onClickButton: function(){ alert(Deleting Row); }, position:last }); ... 按钮间的分隔 script ... jQuery(#grid_id).navGrid(#pager,...).navButtonAdd(#pager,{parameters}).navSeparatorAdd(#pager,{separator_parameters}}; ... /script 默认参数： {sepclass : “ui-separator”,sepcontent: } sepclass：ui-jqgrid的属性名sepcontent：分隔符的内容 jqGrid -- 翻页与自定义按钮补充 jqGrid的翻页导航是一个方法，你可以事先定义一些其他操作，比如：编辑、新增、删除及搜索。也可以增加自定义的函数。导航工具栏是定义到翻页控件上的。定义如下： ... body ... table id=list/table div id=gridpager/div ... /body JS的用法： script ... jQuery(#grid_id).jqGrid({ ... pager : #gridpager, ... }); jQuery(#grid_id).navGrid(#gridpager,{parameters},prmEdit, prmAdd, prmDel, prmSearch, prmView); ... /script 如果使用新API： script ... jQuery(#grid_id).jqGrid({ ... pager : #gridpager, ... }); jQuery(#grid_id).jqGrid(navGrid,#gridpager,{parameters},prmEdit, prmAdd, prmDel, prmSearch, prmView); ... /script 或者： script ... jQuery(#grid_id).jqGrid({ ... pager : #gridpager, ... }).navGrid(#gridpager,{parameters}, prmEdit, prmAdd, prmDel, prmSearch, prmView); ... /script grid_id ：表格idgridpager ：导航栏idparameters ：参数列表prmEdit, prmAdd, prmDel, prmSearch, prmView ：事件参数使用：