layer的一种用法，页面多选时用地址传递值过多时,用弹出层画一个form表单，然后通过提交表单传值

最新推荐文章于 2021-07-23 15:49:24 发布

原创最新推荐文章于 2021-07-23 15:49:24 发布 · 595 阅读

0 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

40 篇文章

订阅专栏

本文介绍了一个用于导出外发加工单的具体JavaScript函数实现。该函数通过选取特定的复选框来获取需要导出的订单ID，并构建表单以提交到指定的导出路径。此外，还使用了layer插件来展示一个弹窗，以便于用户确认导出操作。

/***
 * 导出外发加工单调用的方法
 */
function exportFunc(exportType){
	var purchaseOrderIds = "";
	 $('input:checkbox[id^=primaryId]:checked').each(function() {
		 var purchaseOrderId = $(this).val();
		 purchaseOrderIds += (purchaseOrderIds == "") ? purchaseOrderId : "@@" + purchaseOrderId;
	 });
	 var submitFormHtml = "<form id='exportTableForm' action='"+contentPath+"/purchase/exportOPOrders.do' method='post'>";
		submitFormHtml += "<input type='hidden' id='exportType' name='exportType' value='"+exportType+"'>";
		submitFormHtml += "<input type='hidden' id='purchaseOrderIds' name='purchaseOrderIds' value='"+purchaseOrderIds+"'>";
		submitFormHtml += "</form>";
		layer.open({
		    type: 1,
		    title: 'Export...',
		    fixed: false, //不固定	
		    maxmin: false, //开启最大化最小化按钮
		    area: ['120px', '60px'],
			content: submitFormHtml,
			success: function(){
				$("#exportTableForm").submit();
				parent.layer.closeAll(); // 关闭页面
		    }
		});
}