jqGrid 自定义导航按钮

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_25391785/article/details/87182147

$("#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: ''});

效果图：

全部代码：

https://download.csdn.net/download/qq_25391785/10955475