Thymeleaf (select、checkbox)数据绑定和数据回回显

2023-10-27

第一种情况:select 数据绑定:

前端页面:

<div class="col-sm-10">
					<select name="type"  id="type" class="form-control">
						<option value=''>请数据类型</option>
    					<option th:each="map : ${dataType}" th:text="${map.key}" th:value="${map.value}">
    					</option>
					</select>
				</div>

后台代码:

	// 跳转至新增页面
	@RequestMapping(value = "/insertPage", method = { RequestMethod.GET })
	public String insertPage(Model model) {
		Map<String, Object> map = MySQLConstant.getMySQLDataType();
		model.addAttribute("dataType", map);
		return "field/add";
	}

 

第二情况:select 数据回显:

前端页面:

<div class="form-group">
				<label for="type" class="col-sm-2 control-label">数据类型</label>
				<div class="col-sm-10">
					<select name="type"  id="type" class="form-control" th:field="*{type}">
						<option th:each="map:${dataType}" th:text="${map.key}" th:value="${map.value}" th:selected="${type eq map.value}">
    					</option>
					</select>
				</div>
			</div>

后台代码:

// 跳转至更新页面
	@RequestMapping(value = "/updatePage")
	public String update(Model model, String sid) {
		Column entity = service.selectByPrimaryKey(sid);
		model.addAttribute("entity", entity);
		Map<String, Object> map = MySQLConstant.getMySQLDataType();
		model.addAttribute("dataType", map);

		Map<String, Object> requiredMap = new HashMap<String, Object>();
		requiredMap.put("否", "2");
		requiredMap.put("是", "1");
		model.addAttribute("requiredMap", requiredMap);

		Map<String, Object> primaryMap = new HashMap<String, Object>();
		primaryMap.put("否", "2");
		primaryMap.put("是", "1");
		model.addAttribute("primaryMap", primaryMap);
		return "field/update";
	}

第三种情况:checkbox 数据绑定

前端页面:

<div class="form-group">
				<label for="required" class="col-sm-2 control-label">是否必填</label>
				<div class="col-sm-10">
					<!--  
					<input type="text" class="form-control" name="required"
						id="required" placeholder="在此输入控件名称" />-->
					<div class="form-control">
	   					<label class="checkbox-inline">
	      					<input type="checkbox" id="required" name="required" value="1"> 是
	   					</label>
	   					<label class="checkbox-inline">
	      					<input type="checkbox" id="required" name="required" value="2"> 否
	  					</label>
					</div>
				</div>
			</div>

第四种情况:checkbox 数据回显

前端页面:

<div class="form-group">
				<label for="required" class="col-sm-2 control-label">是否必填</label>
				<div class="col-sm-10">
					<div class="form-control">
					<input type ="checkbox" name="required" th:field="*{required}"
						th:each ="map : ${requiredMap}"
						th:value="${map.value}"
						th:text ="${map.key}"
						th:attr ="checked=${map.value eq required ? true : false}">
					</div>
				</div>
			</div>

后台代码:

@RequestMapping(value = "/updatePage")
	public String update(Model model, String sid) {
		Column entity = service.selectByPrimaryKey(sid);
		model.addAttribute("entity", entity);
		Map<String, Object> map = MySQLConstant.getMySQLDataType();
		model.addAttribute("dataType", map);

		Map<String, Object> requiredMap = new HashMap<String, Object>();
		requiredMap.put("否", "2");
		requiredMap.put("是", "1");
		model.addAttribute("requiredMap", requiredMap);

		Map<String, Object> primaryMap = new HashMap<String, Object>();
		primaryMap.put("否", "2");
		primaryMap.put("是", "1");
		model.addAttribute("primaryMap", primaryMap);
		return "field/update";
	}

 

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Thymeleaf (select、checkbox)数据绑定和数据回回显 的相关文章

随机推荐

  • layui table的实现以及详细解释

    老规矩先看效果 这里用的主要是layui 的弹框和table数据表格 第一 引入的文件 百度网盘地址 https pan baidu com s 1neZbcX8IieMgiBdcVPhO1g 提取码 rqdc 改成本地路径 这里也可以用l
  • 从 Vision 到 Language 再到 Action,万字漫谈三年跨域信息融合研究

    本文作者为阿德莱德大学助理教授吴琦 他在为雷锋网 AI 科技评论投递的独家稿件中回顾了他从跨领域图像识别到 Vision to Language 相关的研究思路 如今正将研究领域延伸到与 Action 相关的工作 雷锋网 AI 科技评论对文
  • 6.63 猜数字之生成随机数

    1 生成 m n 的随机数 m n 的元素个数为 n m 1 若利用模进行 n m 1 运算 其结果为 0 n m 此时左右两边同加 m 其结果为 m n void TestRand 生成 m n 的随机数 rand n m 1 m sra
  • Django图书商城系统实战开发 - 实现个人中心管理

    Django图书商城系统实战开发 实现个人中心管理 介绍 在本项目中 我们已经实现了登录注册 商品详情查看 购物车购买 个人订单管理 评价功能 接下来 我们将完成个人中心管理的模块 包括个人密码修改 个人地址管理和注销功能 本文将详细介绍如
  • I2C总结(单主机和多主机)

    I2C在使用过程中单个主机是不论是硬件I2C还是硬件I2C都不太难 理解好时序很容易实现 还有就是很多人认为硬件I2C有很多缺点 其实这是谬论吧 硬件I2C在稳定性上胜过软件I2C 而且不占用MCU时间 可以实现I2C中断 如果系统有硬件I
  • Java开发快速上手!3分钟就能完成的Redis主从复制搭建,完整PDF

    前言 高并发 几乎是每个程序员都想拥有的经验 原因很简单 随着流量变大 会遇到各种各样的技术问题 比如接口响应超时 CPU load升高 GC频繁 死锁 大数据量存储等等 这些问题能推动我们在技术深度上不断精进 我们知道 高并发代表着大流量
  • 【Flutter 3-1】Flutter手把手教程UI布局和Widget——底部导航栏BottomNavigationBar使用

    作者 弗拉德 来源 弗拉德 公众号 fulade me BottomNavigationBar BottomNavigationBar 和 BottomNavigationBarItem 配合来共同展示Flutter里面的底部状态栏 底部状
  • 敏捷开发之Scrum扫盲篇

    转载至 http www cnblogs com taven archive 2010 10 17 1853386 html 现在敏捷开发是越来越火了 人人都在谈敏捷 人人都在学习Scrum和XP 为了不落后他人 于是我也开始学习Scrum
  • kerberos 术语和认证流程介绍

    重要术语 1 KDC 全称 key distributed center 作用 整个安全认证过程的票据生成管理服务 其中包含两个服务 AS和TGS 2 AS 全称 authentication service 作用 为client生成TGT
  • 操作系统的文件结构

    文件的 逻辑结构 主要有 1 连续结构 2 多重结构 3 转置结构 4 顺序结构 文件的 物理存储 主要有 1 顺序结构 2 链接结构 3 索引结构 文件的 目录结构 主要有 1 一级目录结构 2 二级目录结构 3 树形结构 4 无环图
  • Springboot定时任务

    下文为 Scheduled的使用方法 1 简介 Scheduled支持三种部署方式 fixedRate fixedRateString 上一次执行开始后 n秒后再次执 fixedDelay fixedDelayString 上一次执行完毕后
  • 舵机的三条线分别代表什么

    橙色信号线 红色正极 棕褐色负极
  • @RequestParam和@PathVariable的用法与区别

    SpringBoot PathVariable URL变量 Web应用中的URL通常不是一成不变的 例如微博两个不同用户的个人主页对应两个不同的URL http weibo com user1和http weibo com user2 我们
  • 工厂(factory)模式

    转自 http www cnblogs com hegezhou hot archive 2010 11 30 1892227 html 一 开篇 一个多月没有写文章了 一方面是由于家庭的原因 还有一方面是因为工作上的原因 所以在这里给大家
  • 使用hutool库,对excel进行一些导出、导入操作

    所用到的各种类 依赖的话百度一下吧 最后再给上全部代码 import cn hutool core collection CollUtil import cn hutool core io IoUtil import cn hutool p
  • Struts 2 标签

    原文 https www mkyong com struts2 struts 2 shidden hidden value example 在struts2中可以使用
  • 调gensim库,word2vec模型的保存和加载

    一 模型的保存 模型保存可以有很多种格式 根据格式的不同可以分为2种 一种是保存为 model的文件 一种是非 model文件的保存 我常用的保存格式是 model和 vector直接上代码和结果 1 保存为model文件 数据的读入 fi
  • PCIe中断之MSI和MSI-X的区别(详细)总结附图文快速掌握

    目录 一 整体介绍 二 MSI和MSI X对比 2 1 中断向量连续 2 2 映射区域区别 2 3 MSI X配置空间 2 3 1 MSI X Capbility介绍 2 3 2 Capbility ID介绍 2 3 3 Message C
  • tree树做过滤

    代码如下 递归tree关键词搜索 param key 需要递归的key名 param keyword 需要搜索查询的关键字 param treeList 遍历tree列表 param first 是否是首次传入 默认true functio
  • Thymeleaf (select、checkbox)数据绑定和数据回回显

    第一种情况 select 数据绑定 前端页面 div class col sm 10 div