从A页面带参数跳转到B页面;进行解析,并显示数据,进行编辑
- A页面跳转时候的地址:
- parent.layer.open({
- type: 2,
- title:'新建草稿',
- shadeClose: true,
- shade: 0.8,
- scrollbar: false,
- maxmin:true,
- area: ['100%', '100%'],
- content:'../../backstage/html/taskManagement/workFlowDefine/newFlowDefine.html?modelId=' + data.id,
- });
- 编辑页面:打开页面的时候,显示相关信息,并可以进行保存
- getParam();
- function getParam() {
- var url = location.search.substring(1);//location.search得到的是?后面的数据: ?modelId='+data.id,substring() 方法用于提取字符串中介于两个指定下标之间的字符;得到的是去掉?的部分
- if (url != null && url != undefined && url != "") { //表示,如果有参数;且不等于空,则进行分割得到data.id;
- modelId = url.split('&')[0].split('=')[1]; //data.id;
- }
- }
- if (modelId != null && modelId != undefined && modelId != "") {
- $.ajax({
- url: '/service/moddel/' + modelId + '/json',//如果前面不调用getParam(),则此处的modelId就是无定义的
- type: 'get',
- dataType: 'json',
- data: {},
- success: function (response, statusText) {
- if (response.code == '0') {
- $('.copyName').val(response.name);
- $('.flag').val(response.key); categoryId = response.category;
- $('.category select option').each(function () {
- if ($(this).val() == response.category) {
- $(this).attr("selected", true);
- }
- });
- form.render('select');
- if (response.description != null && response.description != undefined) {
- $('.bigDescribe').text(response.description);
- }
- var dataNodes = response.nodes;
- if (dataNodes != null && dataNodes != undefined) {
- for (var i = 0; i < dataNodes.length; ++i) {
- var dataNode = dataNodes[i];
- nodes[dataNode.resourceId] = dataNode;
- console.log(nodes[dataNode.resourceId]);
- console.log(dataNode);
- // “人工”
- if (dataNode.stencilId == "UserTask") {
- var contentHuman = $('.contentHuman').html();
- $('.layui-timeline-item').css('display', 'block');
- contentHuman = "<div id='" + dataNode.resourceId + "' class='elementClass'>" + contentHuman + "</div>";
- $('#layui-timeline').append(contentHuman);
- var lists = $('.elementClass');
- for (var j = 0; j < lists.length; j++) {
- var list = lists.eq(j).prevAll().length;
- $('.elementClass').eq(j).find('span:eq(0)').text(list + 1);
- }
- layui.element.render('collapse');
- $('#' + dataNode.resourceId).find('.humanInput').val(dataNode.name);
- // “操作”
- } else if (dataNode.stencilId == "ServiceTask") {
- var contentDo = $('.contentDo').html();
- $('.layui-timeline-item').css('display', 'block');
- contentDo = "<div id='" + dataNode.resourceId + "' class='elementClass'>" + contentDo + "</div>";
- $('#layui-timeline').append(contentDo);
- $('#' + dataNode.resourceId).find('.layui-colla-content').removeClass('layui-show');
- var lists = $('.elementClass');
- for (var j = 0; j < lists.length; j++) {
- var list = lists.eq(j).prevAll().length;
- $('.elementClass').eq(j).find('span:eq(0)').text(list + 1);
- }
- layui.element.render('collapse');
- $('#' + dataNode.resourceId).find('.toolId').val(dataNode.funcId)
- $('#' + dataNode.resourceId).find('.toolId').text(dataNode.funcId)
- $('#' + dataNode.resourceId).find('.doSelect').val(dataNode.funcId)
- $('#' + dataNode.resourceId).find('.doSelect').text(dataNode.name + "-" + dataNode.toolVersion)
- $('#' + dataNode.resourceId).find('.doname').val(dataNode.name + "-" + dataNode.toolVersion)
- console.log($('.toolId').val());
- if (dataNode.scriptLanguage != '2') {
- $('#' + dataNode.resourceId).find('.classOne').css('display', 'block');
- $('#' + dataNode.resourceId).find('.classTwo').css('display', 'none');
- $('#' + dataNode.resourceId).find('.layui-colla-content').addClass('layui-show');
- var svcFuncDfs = dataNode.svcFuncDfs;
- if (svcFuncDfs != null && svcFuncDfs != undefined) {
- $('#' + dataNode.resourceId).find('.tableHome').append('<table id="hostName_' + dataNode.resourceId + '" lay-filter="hostTable" class="hostName"></table>')
- // 面板内容框“操作”选择主机后table表格内容渲染
- var index = table.render({
- elem: '#hostName_' + dataNode.resourceId
- , data: svcFuncDfs
- , limit: 100
- , cols: [[
- {
- field: 'serverName',
- title: '目标主机',
- width: 200,
- align: 'center'
- }, {
- field: 'exeMachine',
- title: '代理执行',
- width: 182,
- align: 'center'
- }, {
- field: 'exeUser',
- title: '执行用户',
- width: 180,
- align: 'center'
- },
- {
- title: '操作',
- align: 'center',
- toolbar: '#flinkbar',
- width: 117
- },
- ]]
- , id: 'hostName_id'
- , even: true
- });
- }
- } else {
- $('#' + dataNode.resourceId).find('.classTwo').css('display', 'block');
- $('#' + dataNode.resourceId).find('.classOne').css('display', 'none');
- $('#' + dataNode.resourceId).find('.layui-colla-content').addClass('layui-show');
- var svcFuncDfs = dataNode.svcFuncDfs;
- if (svcFuncDfs != null && svcFuncDfs != undefined) {
- $("#" + dataNode.resourceId).find("#jksSelect option[value='" + dataNode.jenServer + "']").prop("selected", true);
- $("#" + dataNode.resourceId).find("#agentSelect option[value='" + svcFuncDfs[0].exeMachine + "']").prop("selected", true);
- $("#" + dataNode.resourceId).find('.structName').val(dataNode.jobName);
- }
- }
- //获取参数
- $.ajax({
- type: "post",
- url: '/cd/workPlatform/tool/parame/version.afca',
- dataType: "json",
- async: false,
- data: {
- toolId: dataNode.funcId
- },
- success: function (response) {
- $('#' + dataNode.resourceId).find('.params option').remove();
- $('#' + dataNode.resourceId).find('.params dl dd').remove();
- if (response.data != '' && response.data != null && response.data != undefined) {
- response.data.forEach(function (n, i) {
- if (n.paraVesionName != null) {
- if (n.paraVesionName == dataNode.paraValue) {
- $('#' + dataNode.resourceId).find('.params').append("<option value= '" + n.paraVesionName + "||" + n.exceNum + "' selected>" + n.paraVesionName + "</option>");
- } else {
- $('#' + dataNode.resourceId).find('.params').append("<option value= '" + n.paraVesionName + "||" + n.exceNum + "'>" + n.paraVesionName + "</option>");
- }
- }
- })
- }
- form.render('select');
- },
- error: function () {
- }
- })
- // “编排”
- } else if (dataNode.stencilId == "CallActivity") {
- var content = $('.content').html();
- $('.layui-timeline-item').css('display', 'block');
- content = "<div id='" + dataNode.resourceId + "' class='elementClass' draggable='true'>" + content + "</div>";
- $('#layui-timeline').append(content);
- var lists = $('.elementClass');
- for (var j = 0; j < lists.length; j++) {
- var list = lists.eq(j).prevAll().length;
- $('.elementClass').eq(j).find('span:eq(0)').text(list + 1);
- }
- layui.element.render('collapse');
- $('#' + dataNode.resourceId).find('.flowId').val(dataNode.callactivitycalledelement);//隐藏域
- $('#' + dataNode.resourceId).find('.operateSelect').val(dataNode.callactivitycalledelement);
- $('#' + dataNode.resourceId).find('.operateSelect').text(dataNode.name);
- $('#' + dataNode.resourceId).find('.taskname').val(dataNode.name);
- }
- }
- }
- } else {
- layer.msg(response.msg);
- }
- },
- 'error': function () {
- layer.msg("系统错误!");
- }
- });
- }
从A页面带参数跳转到B页面;进行解析,并显示数据,进行编辑的更多相关文章
- 微信小程序页面带参数跳转
页面传递参数的方式 data-para js获取参数
- 微信小程序页面带参数跳转及接收参数内容navigator
功能从index页面跳转到draw页面,并在draw页面获取id及imgUrl index.wxml <navigator class='looks-view' wx:for="{{i ...
- JS——页面带参数跳转
#index.html window.location.href = "../home.html?value=" + rec_value; #home.html <scrip ...
- vue-如何实现带参数跳转页面
[前后端分离项目之vue框架经验总结] 文/朱季谦 在vue框架的前端页面上,若要实现页面之间的带参数跳转,可参考以下实现过程: 例如,点击截图中的“查看试卷”,可实现带参跳转到相应的试卷页面,该功能 ...
- 使用openURL实现程序间带参数跳转详解
使用openURL实现程序间带参数跳转详解 实现的效果:有两款应用A与B,A打开B A --> B 1. 新建工程B,bundle ID为com.YouXianMing.B 建立一个URL 这么 ...
- 10.vue router 带参数跳转
vue router 带参数跳转 发送:this.$router.push({path:'/news',query:{id:row.id}}) 接收:var id=this.$route.query. ...
- Vue+elementUI 自定义动态数据菜单导航组件实现展开收缩+路由跳转router-view渲染数据 路由跳转到同一个页面带参数ID 自动刷新数据
准备:导入ElementUI 看官网教程 数据准备:JSON数据转换成树状 参考文章: JS实现 JSON扁平数据转换树状数据 后台我拿的数据是这样的格式: [ {id:1 , parentId: 0 ...
- 微信小程序页面跳转,带参数跳转
1. wx.navigateTo (保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面.) 路径:只能跳转非tabbar路径 参数: 'path?key=v ...
- EF 在controller 带参数跳转到新的网址
参考文章:http://blog.csdn.net/zhensoft163/article/details/7174661 我用到了这一种方式: 跳转到同一Controller 里面的不同Action ...
随机推荐
- Unity3d通用工具类之解压缩文件
今天,我们来写写c#是如何通过代码解压缩文件的. 在游戏的项目中呢,常常我们需要运用到解压缩的技术.比如,当游戏需要更新的时候,我们会从服务器中下载更新的压缩文件包. 这时候我们就需要解压文件,然后覆 ...
- 查看iOS Crash logs
当应用在设备中运行发生崩溃,iOS将记录这些错误日志并且创建了崩溃报告(Crash Report).崩溃报告中包含了iOS的版本.日期.异常类型.堆栈跟踪以及其他信息. ① 在Xcode中查看崩溃报告 ...
- lua调试的工具选择
近期看到一个关于vs的lua调试插件, 装了vs2012试了下, 忍不住发此文总结下lua各种调试工具 Decoda 这是现今地球上调试lua5.1最方便的工具, 没有之中的一个. 强大的注入式调试, ...
- 又学到一个词REPL
A read–eval–print loop (REPL), also known as an interactive toplevel or language shell 指的是 交互式解释器.
- 基于CentOS与VmwareStation10搭建hadoop环境
基于CentOS与VmwareStation10搭建hadoop环境 目 录 1. 概述.... 1 1.1. 软件准备.... 1 1.2. 硬件准备.... 1 2. 安装与配置虚拟机.. ...
- Linux now!--网络配置
第一种:使用命令修改(直接即时生效,重启失效) #ifconfig eth0 192.168.0.1 netmask 255.255.255.0 up 说明: eth0是第一个网卡,其他依次为eth1 ...
- 一个手绘normal的方法
https://polycount.com/discussion/98983/how-to-paint-flow-anisotropic-comb-maps-in-photoshop flow map ...
- [置顶] struts2+hibernate+spring整合(annotation版)
本博文使用struts2,hibernate,spring技术整合Web项目,同时分层封装代码,包含model层,DAO层,Service层,Action层. 在整合hibernate时使用annot ...
- [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 ...
- seo关键字优化
SEO 第一: 标题关键字分析 分析和选择行业热门的关键字,并合理的应用于网站标题内及分布到各栏目页面和内页. 其实个人觉得标题.内容.以及与内容相关性链接必须要足.还有就是出现的层次感,例如: a) ...