thymeleaf 前端小知识

一.下拉框选中
<div class="layui-form-item ">
    <label class="layui-form-label ">部门名</label>
    <div class="layui-input-block"  style="width: 200px">
        <select name="departmentId">
            <option th:each="department : ${departments}" th:value="${department.departmentId}" th:text="${department.departmentName}" th:selected="${userEdit.departmentName eq department.departmentName}"></option>
        </select>
    </div>
</div>

二.单选框选中

<div class="layui-form-item ">
    <label class="layui-form-label required">性别</label>
    <div id="sex" class="layui-input-inline">
        <input type="radio" name="sex" value="1" title="男" th:checked="${userEdit.sex}=='1'?'checked':false">
        <input type="radio" name="sex" value="0" title="女" th:checked="${userEdit.sex}=='0'?'checked':false">
    </div>
</div>

<--如果值为字符串则改成eq-->
三.表格渲染

table.render({
    elem: '#idtable'
    ,toolbar: '#toolbarDemo'
    ,defaultToolbar: []
    ,url: '/user/list'
    ,cellMinWidth: 80
    ,cols: [[
        {type:'checkbox'}
        ,{type:'numbers', title:'序号', align: 'center'}
        ,{field:'userName',title: '工号', align: 'center'}
        ,{field:'sex',title:'性别', align: 'center',templet:function (data) {
            var sex = data.sex
                if(sex==1){
                    return "男"
                }else{
                    return "女"
                }
            }}
        ,{field:'name',title:'姓名', align: 'center'}
        ,{field:'departmentName',title:'部门名', align: 'center'}
        ,{field:'jposition',title:'职位',align:'center'}
        ,{field:'cellphone',title:'电话号码',align:'center'}
        ,{field:'manageDepartment',title:'管理的部门',align:'center'}
        ,{fixed: 'right', title:'操作', toolbar: '#barDemo', align: 'center',width:'20%'}
    ]]