87,904
社区成员
发帖
与我相关
我的任务
分享如何给jqgrid导航栏增加自定义按钮及其事件
除了自带的add ,del等，我想增加一个导出excel和导入excel等按钮，如何实现？
谢谢
谢谢
...全文
请发表友善的回复…
发表回复
ximenwuji 2013-08-16
- 打赏
- 举报
3.81支持用户选择影藏和现实列吗？
还有支持不支持冻结列？
谢谢
ximenwuji 2013-08-16
- 打赏
- 举报
在js中分号对函数有什么影响？
Go 旅城通票 2013-08-16
- 打赏
- 举报
自己检查代码，添加自定义按钮就是navButtonAdd方法，看下是不是表格长度不够，没有显示出来
ximenwuji 2013-08-16
- 打赏
- 举报
行了，分号去掉就行了
ximenwuji 2013-08-16
- 打赏
- 举报
我也注意到这一点了，但是改正后还是不行。
Go 旅城通票 2013-08-16
- 打赏
- 举报
你自己的代码有问题。。
$("#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"});;
多了红色的部分
Go 旅城通票 2013-08-16
- 打赏
- 举报
我这里3.8.2没问题，你系统的出来了没有
ximenwuji 2013-08-16
- 打赏
- 举报
$("#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"});;
Go 旅城通票 2013-08-16
- 打赏
- 举报
jQuery("#grid_id").navButtonAdd('#pager',{
caption:"Excel",
buttonicon:"ui-icon-excel",
onClickButton: function(){
alert("导出excel");
},
position:"last"
});ximenwuji 2013-08-16
- 打赏
- 举报
我用的是jqgrid3.81
jqGrid顶部工具栏扩展，可将导航按钮及自定义按钮添加到表格的顶部，使用方法见https://blog.csdn.net/liandi_123456/article/details/89501692
