Easy Frame

input.html

  • 页面中使用的封装标签会在 封装标签 章节详细介绍
  • 请将页面中的JavaScript放到/static/modular/xxx/input.js中
  • 保存后请在后端返回保存后的信息，框架会自动将返回数据中的 id 放到页面的 #id 中
  • 如需要设置权限，请在封装的按钮上设置permission="xxx"属性
@layout("/common/container.html", {"title" : "代码生成示例"}){
<form class="e-form">
    <div class="card">
        <#card:head title="代码生成示例" icon="la la-bars"/>
        <div class="card-body">
            <div class="row">
                <!-- str:表单区域 -->
                <input type="hidden" id="id" name="id" value="${object.id}" />
                <div class="col-lg-6 col-12">
                    <#form:input id="name" name="姓名" value="${object.name}" />
                </div>
                <div class="col-lg-6 col-12">
                    <div class="form-group row">
                        <label class="col-4 col-form-label">性别：</label>
                        <div class="col-8">
                            <div class="radio-dict" data-name="sex" data-dict-type="sex" data-value="${object.sex}"></div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-12">
                    <#form:input id="phone" name="手机号码" value="${object.phone}" />
                </div>
                <div class="col-lg-6 col-12">
                    <#form:input type="number"  id="age" name="年龄" value="${object.age}" />
                </div>
                <div class="col-lg-6 col-12">
                    <#form:select class="select-picker" dataDictType="commonStatus" id="status" name="状态" value="${object.status}" />
                </div>
                <div class="col-12">
                    <#form:textarea id="address" name="地址" value="${object.address}" />
                </div>
                <!-- end:表单区域 -->
            </div>
        </div>
        <div class="card-foot">
            <div class="e-form-actions text-center">
                <#btn:save permission="sample:general:save"/>
            </div>
        </div>
    </div>
</form>
<!--begin::页面脚本 -->
<script src="${ctxPath}/static/modular/sample/general/input.js?v=${version()}" type="text/javascript"></script>
<!--end::页面脚本 -->
@}

← input.js →