jqGrid 自定义导航按钮

矫情吗；* 2022-03-20 14:16 313阅读 0赞

$("#jqGrid").jqGrid('navButtonAdd', '#jqGridPager', {
            caption : "<button class='btn btn-primary radius' type='button'><i class='fa fa-calendar-check-o'></i>签收</button>",
            buttonicon :"none",
            onClickButton : function() {
            	var ids=$("#jqGrid").jqGrid('getGridParam','selarrrow');
    			if (ids != null && ids != '') {	
                	var phoneids='';
                	for (var i=0;i<ids.length;i++) {//组装朋友账号
    					var rowDatas = $("#jqGrid").jqGrid('getRowData',ids[i]);
    					var phoneid = rowDatas.id;
    					console.log(phoneid);
    					phoneids = phoneids+phoneid+",";
    					
    				}
                	phoneids = phoneids.substring(0,phoneids.length - 1)
                	$.ajax({
                	    type: "POST",
                	    url:  baseURL+'../hot/hotWarmResult/updateResultIstip?ids='+phoneids,
                	    contentType:"application/json",
                	    success: function(r){
                	    	 alert(r.info, function(){
                	    		 $("#jqGrid").trigger("reloadGrid");
                	    		// var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
        				        // parent.layer.close(index); //再执行关闭  	                                  	       
                       	         });
                	    }
                	});
                }else {
    				alert("请先选择签收的数据");
    			}
            }
          }).navSeparatorAdd("#jqGridPager",{sepclass : "ui-separator",sepcontent: ''});

效果图：

![20190213145412719.png][]

全部代码：

[https://download.csdn.net/download/qq\_25391785/10955475][https_download.csdn.net_download_qq_25391785_10955475]

[20190213145412719.png]: /images/20220320/48ec8ba31e3b40ba807e57ae4efd7895.png
[https_download.csdn.net_download_qq_25391785_10955475]: https://download.csdn.net/download/qq_25391785/10955475