通过js批量提交后弹框

在一个报表页面有批量操作功能,选择任意条数据后点击审核按钮,弹出审核意见填写页面,填写完成后提交,代码:

function approveListProgram() {
        var ids = "";
        //获取所有已选择的复选按钮的id,拼接成字符串ids
        $(‘.frog-table‘, NavTab.getCurrentPanel()).find(
                ‘tbody input[type="checkbox"]‘).each(function() {
            if ($(this).prop("checked")) {
                var id = $(this).parents(‘tr:first‘).attr("rel");
                if (ids == "") {
                    ids = id;
                } else {
                    ids += "," + id;
                }
            }
        });
        if (ids == "") {
            Dialog.warn("未选中一条以上的数据");
            return;
        }
        //请求后台,指定弹框的宽高
        $.get(‘${ctx}/fcHydrantDetail/preApprove/‘+ids,function(rtn){
              layer.open({
              type: 1,
              skin: ‘layui-layer-rim‘, //加上边框
              area: [‘500px‘, ‘350px‘], //宽高
              content: rtn
            });
          });
    }

弹窗页面填写意见提交后当前弹框不自动关闭:

//使用layui关闭页面的方式
layer.closeAll();

在js里修改form表单的action:

// $("#approvefrom").action= "${ctx}/fcHydrantDetail/sendback/${ids}";这种方式不起作用
$("#approvefrom").attr("action", "${ctx}/fcHydrantDetail/sendback/${ids}");

原文地址:https://www.cnblogs.com/zeevy/p/12118401.html

时间: 2024-08-14 12:04:09

通过js批量提交后弹框的相关文章

js默认三种弹框方式

<!--js默认三种弹框方式--> <!--警告--><div onclick="alert('警告')">onclick!</div> <!--确认--><div onclick="confirm('确认')">onclick!</div> <!--信息输入--><div onclick="prompt('信息输入')">onclick!

原生js实现拖拽弹框的效果

研究了一上午,模仿了拖拽弹框的效果,小有成就 <script type="text/javascript"> function getByClass(classname,parent){ var par=parent||document, eles=par.getElementsByTagName("*"), needArr=[]; for(var i=0;i<eles.length;i++){ if(eles[i].className==clas

js引入方式的弹框方法2

html代码: <!DOCTYPE html> <html lang="zh-CN"> <head> <meta http-equiv="content-Type" charset="UTF-8"> <meta http-equiv="x-ua-compatible" content="IE=edge"> <title>Title<

小程序---提交成功弹框

xml <view> <view class="bg" style='display:{{display}}'></view> <view class="show" style='display:{{display}}'> <image class='img1s' bindtap='hideview' src='../../images/sc.png'></image> <image cl

修改成功后弹框提示

$(document).ready(function(){ <#if sucessStr ?? && sucessStr?has_content >        $.dialog({             lock: true, title:'提示',            content: '${sucessStr}',             icon: 'success.gif',min:false,max:true        });    </#if>

通过js写一个消息弹框

prompt(data,time) { let alertForm = document.createElement('div'); alertForm.id="promptBox"; alertForm.style.position = "fixed"; alertForm.style.right = "4%"; alertForm.style.top = "6%"; alertForm.style.margin = &qu

css-dialog样式实现弹框蒙层全屏无需JS计算高度兼容IE7

<!DOCTYPE html><html><head>  <meta charset="UTF-8">  <title>css-dialog</title>  <script src="http://cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script> </head><style type="

画面提交后alertJS加载失效包括样式

不知道问题愿意,重新写新画面一点一点粘贴,发现是提交后弹提示框导致,发现机盘封装输出JS用的 System.Web.HttpContext.Current.Response.Write 改成Page.ClientScript.RegisterClientScriptBlock或者Page.ClientScript.RegisterStartupScript 但是Page.ClientScript.RegisterStartupScript是在底部加js 如果用于弹出提示框会导致画面先加载完再弹提

微信小程序之----弹框组件modal

modal modal类似于javascript中的confirm弹框,默认情况下是一个带有确认取消的弹框,不过点击取消后弹框不会自动隐藏,需要通过触发事件调用函数来控制hidden属性. 官方文档 .wxml <modal hidden="{{hidden}}" title="这里是title" confirm-text="自定义确定按钮" cancel-text="自定义取消按钮" bindcancel="