从A页面带参数跳转到B页面;进行解析,并显示数据,进行编辑

Posted Carina

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了从A页面带参数跳转到B页面;进行解析,并显示数据,进行编辑相关的知识,希望对你有一定的参考价值。

  1 A页面跳转时候的地址:
  2  parent.layer.open({
  3                 type: 2,
  4                 title:‘新建草稿‘,
  5                 shadeClose: true,
  6                 shade: 0.8,
  7                 scrollbar: false,
  8                 maxmin:true,
  9                 area: [‘100%‘, ‘100%‘],
 10                 content:‘../../backstage/html/taskManagement/workFlowDefine/newFlowDefine.html?modelId=‘ + data.id,
 11             });
 12 编辑页面:打开页面的时候,显示相关信息,并可以进行保存
 13     getParam();
 14     function getParam() {
 15         var url = location.search.substring(1);//location.search得到的是?后面的数据: ?modelId=‘+data.id,substring() 方法用于提取字符串中介于两个指定下标之间的字符;得到的是去掉?的部分
 16         if (url != null && url != undefined && url != "") {  //表示,如果有参数;且不等于空,则进行分割得到data.id;
 17             modelId = url.split(‘&‘)[0].split(‘=‘)[1];    //data.id;    
 18         }
 19     }
20 if (modelId != null && modelId != undefined && modelId != "") { 21 $.ajax({ 22 url: ‘/service/moddel/‘ + modelId + ‘/json‘,//如果前面不调用getParam(),则此处的modelId就是无定义的 23 type: ‘get‘, 24 dataType: ‘json‘, 25 data: {}, 26 success: function (response, statusText) { 27 if (response.code == ‘0‘) { 28 $(‘.copyName‘).val(response.name); 29 $(‘.flag‘).val(response.key); 32 categoryId = response.category; 33 $(‘.category select option‘).each(function () { 34 if ($(this).val() == response.category) { 35 $(this).attr("selected", true); 36 } 37 }); 38 form.render(‘select‘); 39 if (response.description != null && response.description != undefined) { 40 $(‘.bigDescribe‘).text(response.description); 41 } 42 var dataNodes = response.nodes; 43 if (dataNodes != null && dataNodes != undefined) { 44 for (var i = 0; i < dataNodes.length; ++i) { 45 var dataNode = dataNodes[i]; 46 nodes[dataNode.resourceId] = dataNode; 47 console.log(nodes[dataNode.resourceId]); 48 console.log(dataNode); 49 // “人工” 50 if (dataNode.stencilId == "UserTask") { 51 var contentHuman = $(‘.contentHuman‘).html(); 52 $(‘.layui-timeline-item‘).css(‘display‘, ‘block‘); 53 contentHuman = "<div id=‘" + dataNode.resourceId + "‘ class=‘elementClass‘>" + contentHuman + "</div>"; 54 $(‘#layui-timeline‘).append(contentHuman); 55 var lists = $(‘.elementClass‘); 56 for (var j = 0; j < lists.length; j++) { 57 var list = lists.eq(j).prevAll().length; 58 $(‘.elementClass‘).eq(j).find(‘span:eq(0)‘).text(list + 1); 59 } 60 layui.element.render(‘collapse‘); 61 $(‘#‘ + dataNode.resourceId).find(‘.humanInput‘).val(dataNode.name); 62 63 64 // “操作” 65 } else if (dataNode.stencilId == "ServiceTask") { 66 var contentDo = $(‘.contentDo‘).html(); 67 $(‘.layui-timeline-item‘).css(‘display‘, ‘block‘); 68 contentDo = "<div id=‘" + dataNode.resourceId + "‘ class=‘elementClass‘>" + contentDo + "</div>"; 69 $(‘#layui-timeline‘).append(contentDo); 70 $(‘#‘ + dataNode.resourceId).find(‘.layui-colla-content‘).removeClass(‘layui-show‘); 71 var lists = $(‘.elementClass‘); 72 for (var j = 0; j < lists.length; j++) { 73 var list = lists.eq(j).prevAll().length; 74 $(‘.elementClass‘).eq(j).find(‘span:eq(0)‘).text(list + 1); 75 } 76 layui.element.render(‘collapse‘); 77 $(‘#‘ + dataNode.resourceId).find(‘.toolId‘).val(dataNode.funcId) 78 $(‘#‘ + dataNode.resourceId).find(‘.toolId‘).text(dataNode.funcId) 79 $(‘#‘ + dataNode.resourceId).find(‘.doSelect‘).val(dataNode.funcId) 80 $(‘#‘ + dataNode.resourceId).find(‘.doSelect‘).text(dataNode.name + "-" + dataNode.toolVersion) 81 $(‘#‘ + dataNode.resourceId).find(‘.doname‘).val(dataNode.name + "-" + dataNode.toolVersion) 82 console.log($(‘.toolId‘).val()); 83 if (dataNode.scriptLanguage != ‘2‘) { 84 $(‘#‘ + dataNode.resourceId).find(‘.classOne‘).css(‘display‘, ‘block‘); 85 $(‘#‘ + dataNode.resourceId).find(‘.classTwo‘).css(‘display‘, ‘none‘); 86 $(‘#‘ + dataNode.resourceId).find(‘.layui-colla-content‘).addClass(‘layui-show‘); 87 var svcFuncDfs = dataNode.svcFuncDfs; 88 if (svcFuncDfs != null && svcFuncDfs != undefined) { 89 $(‘#‘ + dataNode.resourceId).find(‘.tableHome‘).append(‘<table id="hostName_‘ + dataNode.resourceId + ‘" lay-filter="hostTable" class="hostName"></table>‘) 90 // 面板内容框“操作”选择主机后table表格内容渲染 91 var index = table.render({ 92 elem: ‘#hostName_‘ + dataNode.resourceId 93 , data: svcFuncDfs 94 , limit: 100 95 , cols: [[ 96 { 97 field: ‘serverName‘, 98 title: ‘目标主机‘, 99 width: 200, 100 align: ‘center‘ 101 }, { 102 field: ‘exeMachine‘, 103 title: ‘代理执行‘, 104 width: 182, 105 align: ‘center‘ 106 }, { 107 field: ‘exeUser‘, 108 title: ‘执行用户‘, 109 width: 180, 110 align: ‘center‘ 111 }, 112 { 113 title: ‘操作‘, 114 align: ‘center‘, 115 toolbar: ‘#flinkbar‘, 116 width: 117 117 }, 118 119 ]] 120 , id: ‘hostName_id‘ 121 , even: true 122 }); 123 } 124 } else { 125 $(‘#‘ + dataNode.resourceId).find(‘.classTwo‘).css(‘display‘, ‘block‘); 126 $(‘#‘ + dataNode.resourceId).find(‘.classOne‘).css(‘display‘, ‘none‘); 127 $(‘#‘ + dataNode.resourceId).find(‘.layui-colla-content‘).addClass(‘layui-show‘); 128 var svcFuncDfs = dataNode.svcFuncDfs; 129 if (svcFuncDfs != null && svcFuncDfs != undefined) { 130 $("#" + dataNode.resourceId).find("#jksSelect option[value=‘" + dataNode.jenServer + "‘]").prop("selected", true); 131 $("#" + dataNode.resourceId).find("#agentSelect option[value=‘" + svcFuncDfs[0].exeMachine + "‘]").prop("selected", true); 132 $("#" + dataNode.resourceId).find(‘.structName‘).val(dataNode.jobName); 133 } 134 } 135 136 //获取参数 137 $.ajax({ 138 type: "post", 139 url: ‘/cd/workPlatform/tool/parame/version.afca‘, 140 dataType: "json", 141 async: false, 142 data: { 143 toolId: dataNode.funcId 144 }, 145 success: function (response) { 146 $(‘#‘ + dataNode.resourceId).find(‘.params option‘).remove(); 147 $(‘#‘ + dataNode.resourceId).find(‘.params dl dd‘).remove(); 148 if (response.data != ‘‘ && response.data != null && response.data != undefined) { 149 response.data.forEach(function (n, i) { 150 if (n.paraVesionName != null) { 151 if (n.paraVesionName == dataNode.paraValue) { 152 $(‘#‘ + dataNode.resourceId).find(‘.params‘).append("<option value= ‘" + n.paraVesionName + "||" + n.exceNum + "‘ selected>" + n.paraVesionName + "</option>"); 153 } else { 154 $(‘#‘ + dataNode.resourceId).find(‘.params‘).append("<option value= ‘" + n.paraVesionName + "||" + n.exceNum + "‘>" + n.paraVesionName + "</option>"); 155 } 156 } 157 }) 158 } 159 form.render(‘select‘); 160 }, 161 error: function () { 162 } 163 }) 164 165 166 // “编排” 167 } else if (dataNode.stencilId == "CallActivity") { 168 var content = $(‘.content‘).html(); 169 $(‘.layui-timeline-item‘).css(‘display‘, ‘block‘); 170 content = "<div id=‘" + dataNode.resourceId + "‘ class=‘elementClass‘ draggable=‘true‘>" + content + "</div>"; 171 $(‘#layui-timeline‘).append(content); 172 var lists = $(‘.elementClass‘); 173 for (var j = 0; j < lists.length; j++) { 174 var list = lists.eq(j).prevAll().length; 175 $(‘.elementClass‘).eq(j).find(‘span:eq(0)‘).text(list + 1); 176 } 177 layui.element.render(‘collapse‘); 178 $(‘#‘ + dataNode.resourceId).find(‘.flowId‘).val(dataNode.callactivitycalledelement);//隐藏域 179 $(‘#‘ + dataNode.resourceId).find(‘.operateSelect‘).val(dataNode.callactivitycalledelement); 180 $(‘#‘ + dataNode.resourceId).find(‘.operateSelect‘).text(dataNode.name); 181 $(‘#‘ + dataNode.resourceId).find(‘.taskname‘).val(dataNode.name); 182 } 183 } 184 } 185 } else { 186 layer.msg(response.msg); 187 } 188 }, 189 ‘error‘: function () { 190 layer.msg("系统错误!"); 191 } 192 }); 193 }

 

以上是关于从A页面带参数跳转到B页面;进行解析,并显示数据,进行编辑的主要内容,如果未能解决你的问题,请参考以下文章

flutter 跳转页面传递参数 返回页面带参数

vue从一个页面跳转到另一个界面,带参数跳转

vue路由跳转页面的几种方式及其区别

JS解析Json 数据并跳转到一个新页面,取消A 标签跳转

如何用jquery实现页面跳转

Vue2.0,路由页面自己可以带着不同参数跳转到当前路由吗