freemarker中修改和添加功能中包含checkbox复选框默认选中需求的解决方式

时间:2021-07-12 09:07:41

今天做的公司ERP系统上线第一天内部使用的,各种BUG铺天盖地,【虽然只是技术总监一个人在测试……】,其中有一个就是其中部门管理页面中的修改和添加功能

一个人做一套ERP总是有点疏漏的,虽然里面的东西大部分都是CRUD,不过作为一个菜鸟感觉还是压力山大,废话不说了开始上代码:

首先在后台Controller中添加数据处理,因为之前已经实现了显示所有复选框的选项功能了,所以这次只需要得出需要默认选中的数据,然后发到页面进行处理:

虽然代码只有这么一点,不过也耗费了好几个小时来弄出来了。。。

这是修改功能的实现代码里面的:
Department a = deptservice.getDeptByUUID(UUID.UUIDFromString(uid)); //获取部门表中的所有数据,即页面上已经存在于table里面的数据
if(!a.getDeptworktype().equals("")){                //如果部门表中的工作类型的字段里面有数据
String[] list =a.deptworktype.split(",");           //那么根据逗号给进行拆分,并存到数组中【split这个api处理后的数据只能放到数组中】 
model.addAttribute("workt", list);               
}

下面是页面的代码:

  

 搞不懂这代码编辑器的缩进方式,就这样吧~~               

              <section>
<div class="row">
<label class="label col col-2">工作类型</label>
<div class="col col-6" style="margin-left: 20px;">
<#list worktype as wt>
<ul>
<li>
<label class="checkbox-inline">
<#if wt.worktypename??>
/*精华在这里:首先判断工作类型表中的工作类型是否存在,如果存在那么进行处理,选项框这里进行判断,如果后台存好的需要默认选中的工作类型数据存在,并且他里面包含有已经显示出来的工作类型的数据的                                    话,就输出checked="checked"即给他默认选中【之后发现的,if判断空的语句后面一定不能有空格,不然会报错;就是 ?? 后面一定不能有空格!!!!!】 */
<input type="checkbox" class="checkbox style-0" <#if workt??&&workt?seq_contains(wt.worktypename)> checked="checked"</#if>
name="deptworktype" id="deptworktype" value="${wt.worktypename}"> </#if>
<span>${wt.worktypename}</span>
</label>
</li>
</ul>
</#list>
</div>
</div>
</section>

至此功能实现,希望能对需要帮助的同学有所帮助,欢迎留言交流共同进步!!!

freemarker中修改和添加功能中包含checkbox复选框默认选中需求的解决方式的更多相关文章

  1. JQuery Mobile - 修改复选框的选中状态无效解决办法!

    今晚,在编写JQuery Mobile程序时候,需要在代码里面控制复选框的选中状态,很简单的代码啊,很快完成了!等测试程序时候傻眼了,页面无论如何也不按照我写的代码显示出来!问题出在哪里呢?是我写的控 ...

  2. ZH奶酪:纯CSS自定义Html中Checkbox复选框样式

    原文链接:http://www.lrxin.com/archives-683.html 首先看下效果: 点击演示地址查看实例. 首先,需要添加一段CSS隐藏所有的Checkbox复选框,之后我们会改变 ...

  3. 关于Unity中NGUI的Checkbox复选框、Slider滑动条和Button的6种触发回调事件的方式

    Checkbox复选框 1.创建一个NGUI背景Sprite1节点 2.打开NGUI---->Open---->Prefab Toolbar---->选择一个复选框节点,拖拽到背景节 ...

  4. Web版需求征集系统所得1,servlet中获取checkbox复选框的值

    servlet中获取checkbox复选框的值 </tr> <tr> <td align="right">研究类型</td> &lt ...

  5. 通过编写串口助手工具学习MFC过程——(五)添加CheckBox复选框

    通过编写串口助手工具学习MFC过程 因为以前也做过几次MFC的编程,每次都是项目完成时,MFC基本操作清楚了,但是过好长时间不再接触MFC的项目,再次做MFC的项目时,又要从头开始熟悉.这次通过做一个 ...

  6. C&num; dev gridcontrol中添加checkbox复选框

    文章来源 csdn weinierbian http://blog.csdn.net/weinierbian/article/details/6255402 添加一列,FieldName为 &quot ...

  7. ASP&period;NET从数据库中取出数据,有数据的复选框为选中

    在KS系统中在更新菜单的时候,当查出菜单的时候要查出菜单下面已经有了哪些界面了我用了一下的方法弄的.代码如下: 界面代码: <%@ Page Language="C#" Au ...

  8. asp&period;net,根据gridview 中checkbox复选框选中的行对数据库进行操作

    在asp.net中,使用checkbox,对gridview添加复选框. 多选数据行后,根据已选数据,对原数据进行多条语句查询. string sql = "Select * from 表 ...

  9. 表格中的checkbox复选框 全选非全选 公共方法 及提交选中结果

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...

随机推荐

  1. VC 6中配置OpenGL开发环境

    2010,2012中配置类似 http://hi.baidu.com/yanzi52351/item/f9a600dffa4caa4ddcf9be1d VC 6中配置OpenGL开发环境 这里,我习惯 ...

  2. Android系列之网络(三)----使用HttpClient发送HTTP请求(分别通过GET和POST方法发送数据)

    ​[声明] 欢迎转载,但请保留文章原始出处→_→ 生命壹号:http://www.cnblogs.com/smyhvae/ 文章来源:http://www.cnblogs.com/smyhvae/p/ ...

  3. poj2891 拓展欧几里得

    //Accepted 164 KB 16 ms //拓展欧几里得 //m=a1*x+b1 --(1) //m=a2*(-y)+b2 --(2) //->a1*x+a2*y=b2-b1 //由欧几 ...

  4. eclipse安装egit上传和clone项目到github

    一.eclipse安装egit插件 help->new install new software->add   location输入http://download.eclipse.org/ ...

  5. python 利用位移法将ip转为number以及将number转为ip

    简介: 使用位移法将ip转为number型以及将number型转为ip,使用语言为python2.7 #!/usr/bin/env python # coding:utf-8 def ip2num(i ...

  6. 「NOI2017」泳池

    DP式子比后面的东西难推多了 LOJ2304 Luogu P3824 UOJ #316 题意 给定一个长度为$ n$高为$ \infty$的矩形 每个点有$ 1-P$的概率不可被选择 求最大的和底边重 ...

  7. Nginx 如何增大nginx使用cpu有效时长

    L:121 我们使用 这个命令查看nginx的cpu时间片切换 pidstat - 首先要知道问题: NICE 表示友好 也就是会让出时间切片 所以我们会将静态优先级设置比较低 让他很不友好 Prio ...

  8. 基于spring的web项目启动时预加载数据到ServletContext

    1.要在web启动时预加载数据到ServletContext,实现方法有很多,一种比较简单的方案就是: 1)新建一个bean,定义其初始化方法: <bean id="beanId&qu ...

  9. Xcode 8 的 Debug 新特性 —- WWDC 2016 Session 410 &amp&semi; 412 学习笔记

    Contents OverView Static Analyzer Localizability Instance Cleanup Nullablility Runtime Issue View De ...

  10. 转 - ubuntu 安装node&period;js 与 npm

    原文链接为: https://blog.csdn.net/wangtaoking1/article/details/78005038 这篇文章介绍如何在ubuntu环境下安装node环境. 我使用的系 ...