1 / 16
文档名称:

jqGrid+--+自定义按钮.doc

格式:doc   大小:71KB   页数:16
下载后只包含 1 个 DOC 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

jqGrid+--+自定义按钮.doc

上传人:wxc6688 2020/2/1 文件大小:71 KB

下载得到文件列表

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类型,必须为UItheme图标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("AddingRow");},position:"last"}).navButtonAdd('#pager',{caption:"Del",buttonicon:"ui-icon-del",onClickButton:function(){alert("DeletingRow");},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>...<tableid="list"></table><divid="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:事件参数使用:$.jgrid={...search:{caption:"Search...",Find:"Find",Reset:"Reset",odata:['equal