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); categoryId = response.category;
  30. $('.category select option').each(function () {
  31. if ($(this).val() == response.category) {
  32. $(this).attr("selected", true);
  33. }
  34. });
  35. form.render('select');
  36. if (response.description != null && response.description != undefined) {
  37. $('.bigDescribe').text(response.description);
  38. }
  39. var dataNodes = response.nodes;
  40. if (dataNodes != null && dataNodes != undefined) {
  41. for (var i = 0; i < dataNodes.length; ++i) {
  42. var dataNode = dataNodes[i];
  43. nodes[dataNode.resourceId] = dataNode;
  44. console.log(nodes[dataNode.resourceId]);
  45. console.log(dataNode);
  46. // “人工”
  47. if (dataNode.stencilId == "UserTask") {
  48. var contentHuman = $('.contentHuman').html();
  49. $('.layui-timeline-item').css('display', 'block');
  50. contentHuman = "<div id='" + dataNode.resourceId + "' class='elementClass'>" + contentHuman + "</div>";
  51. $('#layui-timeline').append(contentHuman);
  52. var lists = $('.elementClass');
  53. for (var j = 0; j < lists.length; j++) {
  54. var list = lists.eq(j).prevAll().length;
  55. $('.elementClass').eq(j).find('span:eq(0)').text(list + 1);
  56. }
  57. layui.element.render('collapse');
  58. $('#' + dataNode.resourceId).find('.humanInput').val(dataNode.name);
  59.  
  60. // “操作”
  61. } else if (dataNode.stencilId == "ServiceTask") {
  62. var contentDo = $('.contentDo').html();
  63. $('.layui-timeline-item').css('display', 'block');
  64. contentDo = "<div id='" + dataNode.resourceId + "' class='elementClass'>" + contentDo + "</div>";
  65. $('#layui-timeline').append(contentDo);
  66. $('#' + dataNode.resourceId).find('.layui-colla-content').removeClass('layui-show');
  67. var lists = $('.elementClass');
  68. for (var j = 0; j < lists.length; j++) {
  69. var list = lists.eq(j).prevAll().length;
  70. $('.elementClass').eq(j).find('span:eq(0)').text(list + 1);
  71. }
  72. layui.element.render('collapse');
  73. $('#' + dataNode.resourceId).find('.toolId').val(dataNode.funcId)
  74. $('#' + dataNode.resourceId).find('.toolId').text(dataNode.funcId)
  75. $('#' + dataNode.resourceId).find('.doSelect').val(dataNode.funcId)
  76. $('#' + dataNode.resourceId).find('.doSelect').text(dataNode.name + "-" + dataNode.toolVersion)
  77. $('#' + dataNode.resourceId).find('.doname').val(dataNode.name + "-" + dataNode.toolVersion)
  78. console.log($('.toolId').val());
  79. if (dataNode.scriptLanguage != '2') {
  80. $('#' + dataNode.resourceId).find('.classOne').css('display', 'block');
  81. $('#' + dataNode.resourceId).find('.classTwo').css('display', 'none');
  82. $('#' + dataNode.resourceId).find('.layui-colla-content').addClass('layui-show');
  83. var svcFuncDfs = dataNode.svcFuncDfs;
  84. if (svcFuncDfs != null && svcFuncDfs != undefined) {
  85. $('#' + dataNode.resourceId).find('.tableHome').append('<table id="hostName_' + dataNode.resourceId + '" lay-filter="hostTable" class="hostName"></table>')
  86. // 面板内容框“操作”选择主机后table表格内容渲染
  87. var index = table.render({
  88. elem: '#hostName_' + dataNode.resourceId
  89. , data: svcFuncDfs
  90. , limit: 100
  91. , cols: [[
  92. {
  93. field: 'serverName',
  94. title: '目标主机',
  95. width: 200,
  96. align: 'center'
  97. }, {
  98. field: 'exeMachine',
  99. title: '代理执行',
  100. width: 182,
  101. align: 'center'
  102. }, {
  103. field: 'exeUser',
  104. title: '执行用户',
  105. width: 180,
  106. align: 'center'
  107. },
  108. {
  109. title: '操作',
  110. align: 'center',
  111. toolbar: '#flinkbar',
  112. width: 117
  113. },
  114.  
  115. ]]
  116. , id: 'hostName_id'
  117. , even: true
  118. });
  119. }
  120. } else {
  121. $('#' + dataNode.resourceId).find('.classTwo').css('display', 'block');
  122. $('#' + dataNode.resourceId).find('.classOne').css('display', 'none');
  123. $('#' + dataNode.resourceId).find('.layui-colla-content').addClass('layui-show');
  124. var svcFuncDfs = dataNode.svcFuncDfs;
  125. if (svcFuncDfs != null && svcFuncDfs != undefined) {
  126. $("#" + dataNode.resourceId).find("#jksSelect option[value='" + dataNode.jenServer + "']").prop("selected", true);
  127. $("#" + dataNode.resourceId).find("#agentSelect option[value='" + svcFuncDfs[0].exeMachine + "']").prop("selected", true);
  128. $("#" + dataNode.resourceId).find('.structName').val(dataNode.jobName);
  129. }
  130. }
  131.  
  132. //获取参数
  133. $.ajax({
  134. type: "post",
  135. url: '/cd/workPlatform/tool/parame/version.afca',
  136. dataType: "json",
  137. async: false,
  138. data: {
  139. toolId: dataNode.funcId
  140. },
  141. success: function (response) {
  142. $('#' + dataNode.resourceId).find('.params option').remove();
  143. $('#' + dataNode.resourceId).find('.params dl dd').remove();
  144. if (response.data != '' && response.data != null && response.data != undefined) {
  145. response.data.forEach(function (n, i) {
  146. if (n.paraVesionName != null) {
  147. if (n.paraVesionName == dataNode.paraValue) {
  148. $('#' + dataNode.resourceId).find('.params').append("<option value= '" + n.paraVesionName + "||" + n.exceNum + "' selected>" + n.paraVesionName + "</option>");
  149. } else {
  150. $('#' + dataNode.resourceId).find('.params').append("<option value= '" + n.paraVesionName + "||" + n.exceNum + "'>" + n.paraVesionName + "</option>");
  151. }
  152. }
  153. })
  154. }
  155. form.render('select');
  156. },
  157. error: function () {
  158. }
  159. })
  160.  
  161. // “编排”
  162. } else if (dataNode.stencilId == "CallActivity") {
  163. var content = $('.content').html();
  164. $('.layui-timeline-item').css('display', 'block');
  165. content = "<div id='" + dataNode.resourceId + "' class='elementClass' draggable='true'>" + content + "</div>";
  166. $('#layui-timeline').append(content);
  167. var lists = $('.elementClass');
  168. for (var j = 0; j < lists.length; j++) {
  169. var list = lists.eq(j).prevAll().length;
  170. $('.elementClass').eq(j).find('span:eq(0)').text(list + 1);
  171. }
  172. layui.element.render('collapse');
  173. $('#' + dataNode.resourceId).find('.flowId').val(dataNode.callactivitycalledelement);//隐藏域
  174. $('#' + dataNode.resourceId).find('.operateSelect').val(dataNode.callactivitycalledelement);
  175. $('#' + dataNode.resourceId).find('.operateSelect').text(dataNode.name);
  176. $('#' + dataNode.resourceId).find('.taskname').val(dataNode.name);
  177. }
  178. }
  179. }
  180. } else {
  181. layer.msg(response.msg);
  182. }
  183. },
  184. 'error': function () {
  185. layer.msg("系统错误!");
  186. }
  187. });
  188. }

从A页面带参数跳转到B页面;进行解析,并显示数据,进行编辑的更多相关文章

  1. 微信小程序页面带参数跳转

    页面传递参数的方式 data-para js获取参数

  2. 微信小程序页面带参数跳转及接收参数内容navigator

    功能从index页面跳转到draw页面,并在draw页面获取id及imgUrl index.wxml <navigator class='looks-view' wx:for="{{i ...

  3. JS——页面带参数跳转

    #index.html window.location.href = "../home.html?value=" + rec_value; #home.html <scrip ...

  4. vue-如何实现带参数跳转页面

    [前后端分离项目之vue框架经验总结] 文/朱季谦 在vue框架的前端页面上,若要实现页面之间的带参数跳转,可参考以下实现过程: 例如,点击截图中的“查看试卷”,可实现带参跳转到相应的试卷页面,该功能 ...

  5. 使用openURL实现程序间带参数跳转详解

    使用openURL实现程序间带参数跳转详解 实现的效果:有两款应用A与B,A打开B A --> B 1. 新建工程B,bundle ID为com.YouXianMing.B 建立一个URL 这么 ...

  6. 10.vue router 带参数跳转

    vue router 带参数跳转 发送:this.$router.push({path:'/news',query:{id:row.id}}) 接收:var id=this.$route.query. ...

  7. Vue+elementUI 自定义动态数据菜单导航组件实现展开收缩+路由跳转router-view渲染数据 路由跳转到同一个页面带参数ID 自动刷新数据

    准备:导入ElementUI 看官网教程 数据准备:JSON数据转换成树状 参考文章: JS实现 JSON扁平数据转换树状数据 后台我拿的数据是这样的格式: [ {id:1 , parentId: 0 ...

  8. 微信小程序页面跳转,带参数跳转

    1.  wx.navigateTo  (保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面.) 路径:只能跳转非tabbar路径 参数:  'path?key=v ...

  9. EF 在controller 带参数跳转到新的网址

    参考文章:http://blog.csdn.net/zhensoft163/article/details/7174661 我用到了这一种方式: 跳转到同一Controller 里面的不同Action ...

随机推荐

  1. Unity3d通用工具类之解压缩文件

    今天,我们来写写c#是如何通过代码解压缩文件的. 在游戏的项目中呢,常常我们需要运用到解压缩的技术.比如,当游戏需要更新的时候,我们会从服务器中下载更新的压缩文件包. 这时候我们就需要解压文件,然后覆 ...

  2. 查看iOS Crash logs

    当应用在设备中运行发生崩溃,iOS将记录这些错误日志并且创建了崩溃报告(Crash Report).崩溃报告中包含了iOS的版本.日期.异常类型.堆栈跟踪以及其他信息. ① 在Xcode中查看崩溃报告 ...

  3. lua调试的工具选择

    近期看到一个关于vs的lua调试插件, 装了vs2012试了下, 忍不住发此文总结下lua各种调试工具 Decoda 这是现今地球上调试lua5.1最方便的工具, 没有之中的一个. 强大的注入式调试, ...

  4. 又学到一个词REPL

    A read–eval–print loop (REPL), also known as an interactive toplevel or language shell 指的是 交互式解释器.

  5. 基于CentOS与VmwareStation10搭建hadoop环境

    基于CentOS与VmwareStation10搭建hadoop环境     目 录 1. 概述.... 1 1.1. 软件准备.... 1 1.2. 硬件准备.... 1 2. 安装与配置虚拟机.. ...

  6. Linux now!--网络配置

    第一种:使用命令修改(直接即时生效,重启失效) #ifconfig eth0 192.168.0.1 netmask 255.255.255.0 up 说明: eth0是第一个网卡,其他依次为eth1 ...

  7. 一个手绘normal的方法

    https://polycount.com/discussion/98983/how-to-paint-flow-anisotropic-comb-maps-in-photoshop flow map ...

  8. [置顶] struts2+hibernate+spring整合(annotation版)

    本博文使用struts2,hibernate,spring技术整合Web项目,同时分层封装代码,包含model层,DAO层,Service层,Action层. 在整合hibernate时使用annot ...

  9. [Angular] Extract Implementation Details of ngrx from an Angular Application with the Facade Pattern

    Extracting away the implementation details of ngrx from your components using the facade pattern cre ...

  10. seo关键字优化

    SEO 第一: 标题关键字分析 分析和选择行业热门的关键字,并合理的应用于网站标题内及分布到各栏目页面和内页. 其实个人觉得标题.内容.以及与内容相关性链接必须要足.还有就是出现的层次感,例如: a) ...