从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 ...
随机推荐
- javascript常用排序算法实现
毕业后,由于工作中很少需要自已去写一些排序,所以那些排序算法都忘得差不多了,不过排序是最基础的算法,还是不能落下啦,于是找了一些资料,然后用Javascript实现了一些常用的算法,具体代码如下: & ...
- [转]SQLServer和Oracle,存储过程区别,常用函数对比
本文转自:http://www.cnblogs.com/neru/archive/2011/08/18/2144049.html 以前一直用sqlserver,只有很少的一点oracle的经验,现在要 ...
- 对Emlog 6.0 Beta的完整代码审计过程
Emlog 6.0 beta版本,这可能是最后一篇关于PHP语言CMS的代码审计文章,此次将详细记录完整的审计过程. 文章基本上完整记录小东的对此CMS审计过程,或许显得繁琐,但代码审计的过程就是这样 ...
- 如何使用 awk 输出文本中的字段和列
首先我们要知道,awk 能够自动将输入的行,分隔为若干字段.每一个字段就是一组字符,它们和其他的字段由一个内部字段分隔符分隔开来. 如果你熟悉 Unix/Linux 或者懂得 bash shell 编 ...
- javascript——正則表達式
正則表達式(RegExp对象):主要用于表单验证 1.创建正則表達式: (1).var ret = /pattern/; pattern是内容.能够是正則表達式的内容,能够是字符或是其它的内容 (2) ...
- Android异步载入全解析之大图处理
Android异步载入全解析之大图处理 异步载入中很重要的一部分就是对图像的处理,这也是我们前面用异步载入图像做示例的原因. 一方面是由于图像处理不好的话会很占内存,并且easyOOM,还有一方面,图 ...
- Mybatis使用Redis二级缓存
在Mybatis中允许开发者自定义自己的缓存,本文将使用Redis作为Mybatis的二级缓存.在Mybatis中定义二级缓存,需要如下配置: 1. MyBatis支持二级缓存的总开关:全局配置变量参 ...
- [转]bing壁纸天天换 初识shell魅力
原文链接:http://www.cnblogs.com/atskyline/p/3679522.html 原文的程序跑在window上,curl的使用不太一样,想要获取的图片也不太一样.修改后的代码如 ...
- 经常使用meta标签属性
<meta> 1.Keywords (keyword) 说明:告诉搜索引擎你网页的keyword是什么. 使用方法:<meta name="keywords" c ...
- 第【一】部分Netzob项目工具的安装配置
第[一]部分Netzob项目工具的安装配置 声明: 1)本报告由博客园bitpeach撰写,版权所有,免费转载,请注明出处,并请勿作商业用途. 2)若本文档内有侵权文字或图片等内容,请联系作者bitp ...