thymeleaf數據回顯,單選回填,下拉回填,時間框回填

input回填

<div class="form-group">
    <label class="col-sm-1 control-label">客戶姓名:</label>
    <div class="col-sm-3">
        <input id="customerName" name="customerName" th:value="${customer.customerName}" class="form-control" type="text">
    </div>
    
</div>

單選回填

<div class="form-group">
    <label class="col-sm-1 col-sm-offset-2 control-label">性別 :</label>
    <div class="col-sm-3">
        <label class="radio-inline" th:each="sex:${sexList}">
            <input type="radio" id="sex" name="sex" th:value="${sex.value}" th:text="${sex.name}" th:attr="checked=${customer.sex == sex.value?true:false}" />
        </label>
    </div>
</div>

時間框回填

<div class="form-group">
    <label class="col-sm-1 control-label">出生日期:</label>
    <div class="col-sm-3">
        <input type="text" class="laydate-icon layer-date form-control" id="birthday" name="birthday" th:value="${customer.birthday}==null?null:${#dates.format(customer.birthday,'yyyy-MM-dd')}" onclick="laydate({istime: true, format: 'YYYY-MM-DD'})" style="background-color: #fff;" readonly="readonly" />
    </div>
</div>

下拉回填

<div class="form-group">
    <label class="col-sm-1 col-sm-offset-2 control-label">職業:</label>
    <div class="col-sm-3">
        <select data-placeholder="--選擇類別--" name="profession" id="profession" class="form-control chosen-select" tabindex="2" required>
            <option value="">--選擇類別--</option>
            <option th:selected="${customer.profession eq profession.value}" th:each="profession:${professionTypeList}" th:value="${profession.value}" th:text="${profession.name}"></option>
        </select>
    </div>
</div>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章