首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

怎么给jqgrid导航栏增加自定义按钮及其事件

2013-08-29 
如何给jqgrid导航栏增加自定义按钮及其事件除了自带的add ,del等,我想增加一个导出excel和导入excel等按钮

如何给jqgrid导航栏增加自定义按钮及其事件
除了自带的add ,del等,我想增加一个导出excel和导入excel等按钮,如何实现?
谢谢
[解决办法]

jQuery("#grid_id").navButtonAdd('#pager',{
   caption:"Excel", 
   buttonicon:"ui-icon-excel", 
   onClickButton: function(){ 
      alert("导出excel");
   }, 
   position:"last"
});


参考:jqGrid自定义按钮
[解决办法]
我这里3.8.2没问题,你系统的出来了没有
[解决办法]
你自己的代码有问题。。
$("#UsersGrid").jqGrid('navGrid', '#UsersGridPager', 
                                    { edit: true, add: false, del: false, search:false }, 
                                    { closeOnEscape: true, closeAfterEdit: true,
                                        afterSubmit: function (response, postdata) {
                                        var res = $.parseJSON(response.responseText);
                                        if (res && res.insertStatus) {
                                        alert(res.insertStatus);


                                        //return [true,response.message]
                                            }
                                            else
                                            {
                                                alert(res.insertStatus);
                                                 
                                            }
                                            return [true,response.message] ;
                                        // you should don't forget to return
                                        //     return [true, ""];
                                        // in case of successful editing and return


                                        //     return [true, "", newId];
                                        // with the Id of new row generated from the server
                                        // if you would use reloadAfterSubmit: false
                                        // option of editGridRow
                                        }
                                    },  
                                    {closeOnEscape: true,closeAfterAdd: true,
                                    afterSubmit: function (response, postdata) {
                                        var res = $.parseJSON(response.responseText);
                                        if (res && res.insertStatus) {
                                                alert(res.insertStatus);


                                            }
                                            else
                                            {
                                                alert(res.insertStatus);
                                            }
                                             return [true,response.message] ;
                                        // you should don't forget to return
                                        //     return [true, ""];
                                        // in case of successful editing and return
                                        //     return [true, "", newId];
                                        // with the Id of new row generated from the server


                                        // if you would use reloadAfterSubmit: false
                                        // option of editGridRow
                                        }
                                    });
        }).jqGrid('navButtonAdd',"#UsersGridPager",{caption:"NewButton", buttonicon:"ui-icon-newwin", onClickButton:null, position: "last", title:"", cursor: "pointer"});;   


多了红色的部分  
[解决办法]
自己检查代码,添加自定义按钮就是navButtonAdd方法,看下是不是表格长度不够,没有显示出来

热点排行