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

今天做的公司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>        

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

时间: 2024-08-02 06:58:53

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

纯CSS自定义Html中Checkbox复选框样式

原文链接:http://www.lrxin.com/archives-683.html 首先看下效果: 点击演示地址查看实例. 首先,需要添加一段CSS隐藏所有的Checkbox复选框,之后我们会改变它的外观. 要做到这一点需要添加一段代码到你的CSS文件中. /** * 隐藏默认的checkbox */ input[type=checkbox] { visibility: hidden; } 隐藏掉所有的Checkbox复选框后,我们需要添加一个label HTML元素,我们都知道,当点击的有

通过编写串口助手工具学习MFC过程&mdash;&mdash;(五)添加CheckBox复选框

通过编写串口助手工具学习MFC过程 因为以前也做过几次MFC的编程,每次都是项目完成时,MFC基本操作清楚了,但是过好长时间不再接触MFC的项目,再次做MFC的项目时,又要从头开始熟悉.这次通过做一个串口助手再次熟悉一下MFC,并做了一下记录,以便方便以后查阅.做的过程中多是遇到问题直接百度和谷歌搜索来的,所以很多都是不求甚解,知其然不知其所以然.另外做此工具只是为了熟悉了解,许多功能还没有完善!(开发工具VS2008) (五)添加CheckBox复选框 属性:Caption用于显示文本内容.

javascript如何动态添加checkbox复选框

javascript如何动态添加checkbox复选框:在实际应用中可能需要动态的添加复选框,下面就简单介绍一下如何实现此效果.单纯的创建一个复选框是很容易的,代码如下: var oCheckbox=document.createElement("input"); oCheckbox.setAttribute("type","checkbox"); oCheckbox.setAttribute("id","mayi&

dojo中创建包含节点复选框的树形(CheckBoxTree)

树形结构是界面设计程中常见的部件,在代码实现时有很多方法,但由于设计到节点的父子关系和dom节点操作,实现起来比较复杂.dojo中提供了带复选框的树形部件CheckBoxTree,使用时只需创建对应的实例即可轻松实现此功能. 部件对应的html文件代码如下: <div> <div dojoType="dijit.Dialog" dojoAttachPoint="testList" title="${title}" style=&

C#ListView控件添加Checkbox复选框并获取选中的数目,检查checkbox是否勾选

原地址:http://blog.csdn.net/lucky51222/article/details/41892429 1.添加复选框:listView1.CheckBoxes = true; 2.选中listview并获取选中的数目: [csharp] view plain copy private void listView1_ItemChecked(object sender, ItemCheckedEventArgs e) { e.Item.Selected = e.Item.Chec

实现table中checkbox复选框、以及判断checked是否被选中、js操作checkedbox选中

上图是实现效果. 下面贴代码 表的第一行也就是<th>中的代码,onclick事件是实现全选或者全不选效果. <th> <input id="allboxs" onclick="allcheck()" type="checkbox"/> </th> td中的代码 <td> <input name="boxs" type="checkbox"/

HTML中checkbox复选框选中及没选中值的生成

只需在input标签中加入 onclick="this.value=(this.value==0)?1:0" <input type="checkbox" name="rememberMe" id="rememberMe" value="1" checked="checked" onclick="this.value=(this.value==0)?1:0"/&

Html中判断复选框是否选中

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" con

Html5添加原生radio按钮和checkbox复选框转换为非常好看的滑动开关按钮的插件教程

一.使用方法 <link href='dist/rcswitcher.min.css' rel='stylesheet' type='text/css'> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="dist/rcswitcher.min.j