请选择 进入手机版 | 继续访问电脑版

红手套

 找回密码
 免费注册
搜索
热搜: 活动 交友 discuz
查看: 224|回复: 0

form表单文本框赋值及动态渲染返回多个规则及提交获取form数据

[复制链接]

86

主题

87

帖子

576

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
576
发表于 2020-9-25 19:26:43 | 显示全部楼层 |阅读模式
else if (obj.event === 'edit') {
                //文本框赋值
                let qsDuiData = obj.data;
                for (var i in qsDuiData) {
                    $('#newQueueScheduling input[name=' + i + ']').val(qsDuiData);
                    $('#newQueueScheduling select[name=' + i + ']').val(qsDuiData);
                    $('#newQueueScheduling textarea[name=' + i + ']').val(qsDuiData);
                };

                $("#queueList").html("");
                queueNub = 1;
                let queueList = data.items;
                var htmlQueue = ""
                let srvValue = ['be','af1','af2','af3','af4','ef','cs6','cs7']
                let scheduleModeValue = ['wfq','pq','lpq']
                for (var i = 0; i < queueList.length; i++) {
                    let seclectHtml = "";
                    let srvSelect = "";
                    let seclectHtmlm = "";
                    let srvSelectm = "";
                    for(var j=0;j<8;j++){
                        if(queueList.srv == srvValue[j]){
                            srvSelect+='<option value="'+ queueList.srv + '" selected="selected">'+ queueList.srv + '</option>'
                        }else {
                            srvSelect+='<option value="'+ srvValue[j] + '" >'+ srvValue[j] + '</option>'
                        }
                    }
                    for(var k=0;k<3;k++){
                        if(queueList.scheduleMode == scheduleModeValue[k]){
                            srvSelectm+='<option value="'+ queueList.scheduleMode + '" selected="selected">'+ queueList.scheduleMode + '</option>'
                        }else {
                            srvSelectm+='<option value="'+ scheduleModeValue[k] + '" >'+ scheduleModeValue[k] + '</option>'
                        }
                    }
                    seclectHtml+='<select name="srv" id="srv">'
                        + '<option value="">-请选择-</option>'
                        + srvSelect
                        + '</select>';
                    seclectHtmlm+='<select name="scheduleMode" id="scheduleMode" lay-filter="queueSchedulingModle">'
                        + '<option value="">-请选择-</option>'
                        + srvSelectm
                        + '</select>';
                    htmlQueue +='<div class="layui-form-item queue0' + queueNub + '">'
                        + '<div class="layui-inline">'
                        + '<label class="layui-form-label">服务等级:</label>'
                        + '<div class="layui-input-inline">'
                        + seclectHtml
                        + '</div>'
                        + '</div>'
                        + '<div class="layui-inline">'
                        + '<label class="layui-form-label">队列调度模式:</label>'
                        + '<div class="layui-input-inline">'
                        + seclectHtmlm
                        + '</div>'
                        + ' </div>'
                        + ' <div class="layui-inline">'
                        + ' <label class="layui-form-label">整型百分率:</label>'
                        + ' <div class="layui-input-inline">'
                        + ' <input class="layui-input" name="shapingPercentage" id="shapingPercentage" required lay-verify="required" value="'+ queueList.shapingPercentage + '">'
                        + ' </div>'
                        + ' </div>'
                        + ' <div class="layui-inline">'
                        + ' <label class="layui-form-label">队列权值:</label>'
                        + ' <div class="layui-input-inline">'
                        + '   <input class="layui-input" name="weight" id="weight" required lay-verify="required" value="'+ queueList.weight + '">'
                        + ' </div>'
                        + ' </div>'
                        + ' <div class="layui-inline">'
                        + ' <label class="layui-form-label">端口整型值:</label>'
                        + ' <div class="layui-input-inline">'
                        + '  <input class="layui-input" name="shapingValue" id="shapingValue" required lay-verify="required" value="'+ queueList.shapingValue + '">'
                        + '  </div>'
                        + '  </div>'
                        + '  <div class="layui-inline">'
                        + '  <label class="layui-form-label">丢弃模板名称:</label>'
                        + ' <div class="layui-input-inline">'
                        + '  <input class="layui-input" name="wredName" id="wredName" required lay-verify="required" value="'+ queueList.wredName + '">'
                        + '  </div>'
                        + ' </div>'
                        + '</div><hr>';
                    queueNub++;
                }
                $("#queueList").append(htmlQueue);
                layui.form.render();

                form.render('select');

                form.render();
               /* queueNub = 1;
                $("#queueList").html("");*/
                layer.open({
                    type: 1,
                    title: "队列调度编辑",
                    area: ['100%', '100%'],
                    shadeClose: true,btnAlign: 'c',
                    content: $("#newQueueScheduling"),
                    btn: ['提交', '取消'],
                    yes: function (index, layero) {
                        var xwdata = {};//新增提交对象
                        let queue = [];
                        for(let i=1;i<queueNub;i++){
                            var qname = '#newQueueScheduling .queue0' +  i + ' #srv';
                            var qname2 = '#newQueueScheduling .queue0' +  i;
                            if($(qname).val() == ""){
                                xwdata['name'] = $("#newQueueScheduling input[name='name']").val();
                                xwdata['tmplRemark'] = $("#newQueueScheduling textarea[name='tmplRemark']").val();
                            }else {
                                queue.push(
                                    {
                                        srv(qname2 + ' #srv').val(),
                                        scheduleMode(qname2 + ' #scheduleMode').val(),
                                        shapingPercentage(qname2 + ' #shapingPercentage').val(),
                                        weight(qname2 + ' #weight').val(),
                                        shapingValue(qname2 + ' #shapingValue').val(),
                                        wredName(qname2 + ' #wredName').val()
                                    }
                                )
                            }
                        }
                        xwdata['name'] = $("#newQueueScheduling input[name='name']").val();
                        xwdata['tmplRemark'] = $("#newQueueScheduling textarea[name='tmplRemark']").val();
                        xwdata['queue'] = queue;
                        //console.log(xwdata);
                        xwdata.id= data.id;
                        xwdata.orderId= order_id;
                        xwdata.orderItemId= order_item_id;
                        xwdata.operateType = "UT";
                        xwdata.atStatus = "-1"
                        $.ajax({
                            url: "/api/modify/queueTmpl/insert",
                            type: "OST",
                            async:false,
                            data:xwdata,
                            dataType:'json',
                            success: function (data) {
                                if (data.code == "0") {
                                    //接口返回成功,添加添加成功提示及提示新增流行为弹框
                                    layer.msg('调度队列模板新增成功!', {icon: 1, time: 2000, offset: '10px'}, function () {
                                    });
                                    window.location.reload()
                                } else {
                                    layer.msg('调度队列模板新增失败!', {icon: 2, time: 2000, offset: '10px'}, function () {
                                    });
                                }
                            }
                        });
                        layer.close(index);
                    },
                    btn2: function (index, layero) {
                        layer.close(index);
                    },
                    scrollbar: true
                });
            }

图例:

返回结果:
item: "[{"srv":"be","scheduleMode":"wfq","shapingPercentage":"1","weight":"1","shapingValue":"1","wredName":"1"},{"srv":"af1","scheduleMode":"wfq","shapingPercentage":"1","weight":"1","shapingValue":"null","wredName":"null"}]"
name: "张传明"
nid: undefined
orderId: "f6add67507a9416193f12d0c41218645"
orderItemId: "qos-out"
tmplRemark: "12312"

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?免费注册

x
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 免费注册

本版积分规则

QQ|Archiver|手机版|小黑屋|红手套  

GMT+8, 2020-11-27 07:53 , Processed in 0.156181 second(s), 29 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表