layui跳转页面传递数据

1，html页面，这个界面接收数据

<style>#job-update {padding: 20px 25px 25px 0;}#job-update .layui-form-label {width: 88px;}#job-update .layui-input-block {margin-left: 120px;}
</style>
<div class="layui-fluid" id="job-update"><form class="layui-form" action="" lay-filter="job-update-form"><div class="layui-form-item febs-hide"><label class="layui-form-label febs-form-item-require">id：</label><div class="layui-input-block"><input type="text" name="jobId" class="layui-input"></div></div><div class="layui-form-item febs-hide"><label class="layui-form-label febs-form-item-require">状态：</label><div class="layui-input-block"><input type="text" name="status" class="layui-input"></div></div><div class="layui-form-item"><label class="layui-form-label febs-form-item-require">Bean名称：</label><div class="layui-input-block"><input type="text" name="beanName" maxlength="20" lay-verify="range|required"autocomplete="off" class="layui-input"></div></div><div class="layui-form-item"><label class="layui-form-label febs-form-item-require">方法名称：</label><div class="layui-input-block"><input type="text" name="methodName" maxlength="50" lay-verify="range|required"autocomplete="off" class="layui-input"></div></div><div class="layui-form-item"><label class="layui-form-label">方法参数：</label><div class="layui-input-block"><input type="text" name="params" maxlength="50" lay-verify="range"autocomplete="off" class="layui-input"></div></div><div class="layui-form-item"><label class="layui-form-label febs-form-item-require">cron表达式：</label><div class="layui-input-block"><input type="text" name="cronExpression" maxlength="20" lay-verify="range|required|cron"autocomplete="off" class="layui-input"></div></div><div class="layui-form-item layui-form-text"><label class="layui-form-label">任务备注：</label><div class="layui-input-block"><textarea name="remark" maxlength="50" class="layui-textarea"></textarea></div></div><div class="layui-form-item febs-hide"><button class="layui-btn" lay-submit="" lay-filter="job-update-form-submit" id="submit"></button><button type="reset" class="layui-btn" id="reset"></button></div></form>
</div><script data-th-inline="javascript">layui.use(['jquery', 'febs', 'form', 'validate'], function () {let $ = layui.jquery,febs = layui.febs,form = layui.form,//重点是这个接收数据job = [[${job}]],$view = $('#job-update'),validate = layui.validate;form.verify(validate);form.render();initJobValue();function initJobValue() {form.val("job-update-form", {"jobId": job.jobId,"status": job.status,"beanName": job.beanName,"methodName": job.methodName,"params": job.params,"cronExpression": job.cronExpression,"remark": job.remark});}form.on('submit(job-update-form-submit)', function (data) {if (febs.nativeEqual(data.field, job)) {febs.alert.warn('数据未作任何修改！');return false;}febs.post(ctx + 'job/update', data.field, function () {layer.closeAll();febs.alert.success(' 项目编辑成功');$('#febs-job').find('#query').click();});return false;});});
</script>

2，controller传数据，放到Model里，然后返回需要跳转的页面

注意这里add进去的名字叫job，页面取时就得用job，名字要对应[[${job}]] ，类似el表达式

@GetMapping("job/update/{jobId}")@RequiresPermissions("job:update")public String jobUpdate(@NotBlank(message = "{required}") @PathVariable Long jobId, Model model) {Job job = jobService.findJob(jobId);model.addAttribute("job", job);return "job/jobUpdate";}

layui跳转页面传递数据相关推荐

js layui跳转页面_Layui数据表格跳转到指定页的实现方法
Layui数据表格跳转到指定页的实现方法 1.获取数据表格下分页组件中的页码输入框,具体元素在Elements中位置如下 2.获取上述input并设置其value属性值为目标跳转页面页码 $(&quo ...
layui跳转html如何带参数,Layui跳转页面代码（可携带复杂参数）
今天用了Layui的"数据表格 - 数据操作"示例代码,结果发现点击"编辑"按钮出出来一个弹出消息框,效果如下: 虽然说也可以用"弹出层"做 ...
【鸿蒙 HarmonyOS】界面跳转 ( Page Ability 的 action 标识 | Page Ability 之间的界面跳转及传递数据 | 鸿蒙工程下创建 Module | 代码示例 )
文章目录一.Page Ability 的 action 标识二.Page Ability 之间的界面跳转及传递数据三.鸿蒙工程下创建 Module 四.代码示例五.执行效果参考文档 : Pa ...
SpringMVC响应的方式,无数据跳转页面,带数据跳转页面.Json数据返回
SpringMVC响应的方式,无数据跳转页面,带数据跳转页面.Json数据返回页面跳转设定 //转发会把后端携带的request和Response发送到前端jsp,在jsp中可以直接使用其中的数据/ ...
WPF跨页面传递数据
WPF跨页面传递数据,如何在一个页面得到另个页面的数据,跨页面传递数据我觉得还是比较常用也比较重要的一个点,在传递数据的情况中无非就是A页面打开B页面把A页面的数据传递到B页面,或者就是A页面打开B页 ...
Android Activity间跳转与传递数据
1 概述 Activity之间的跳转主要使用 startActivity(Intent intent); startActivityForResult(Intent intent,int reques ...
微信小程序：页面跳转时传递数据到另一个页面
一.功能描述页面跳转时,同时把当前页面的数据传递给跳转的目标页面,并在跳转后的目标页面进行展示二.功能实现 1. 代码实现 test1页面 // pages/test1/test1.js Page ...
【vue-router①】router-link跳转页面传递参数 - 进击的前端之路（偶尔爬坑java小路） - SegmentFault 思否
在vue项目中,往往会遇到这样的情况,就是要实现在一个循环列表中,点击其中一条跳转到下个页面,然后将这一条的相关数据带到下个页面中显示,这是个循环列表,无论点哪一条都是跳到相同的页面,只是填的数据不一 ...
浏览器填写数据，跳转页面返回数据不消失
步骤一:点击按钮,保存数据,跳转页面 $("#userAgree").on("click",function(){var obj = {};obj.userna ...

layui跳转页面传递数据

layui跳转页面传递数据相关推荐

最新文章

热门文章