JEESITE4实战之旅(二) 数据字典级联

本文介绍了在JEESITE4项目中如何处理数据字典的级联问题,通过AJAX获取字典数据并动态填充下拉框,以实现材料类型的联动选择。在遇到没有内置级联处理的情况下,作者采取了手动处理JSON数据并更新DOM的方法,确保级联效果。同时,文章还提及了Bootstrap的12栅格系统在页面布局中的应用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

继续JEESITE实战之旅,项目中有个材料类型


很明显,这个需要用到数据字典的级联,Jeesite4有数据字典,也有父子级,具体的数据库结构是酱紫地,

id : id

code : 字典键值

name : 字典标签

pid : 父级id(如果最上级,pid为0)

但是jeesite4中没有做级联的处理,只能自己想办法解决,想到有两种方法,第一种,可以在beetl配置文件中加静态类,然后在html中调用静态方法获取下拉框值,但是这种方式在下拉框值改变时,也需要写js去处理,那干脆用第二种方式,先用ajax把改字典类型下所有字典数据取出,然后一次把值塞到各级下拉框,代码如下


<div class="row">
<div class="col-xs-4">
<div class="form-group">
<label class="control-label col-sm-6" title="">
<span class="required ">*</span> 采购类型:<i class="fa icon-question hide"></i></label>
<div class="col-sm-6">
<#form:select path="category" dictType="purchase_type" blankOption="true" class="form-control required" onchange="categoryChg()" />
</div>
</div>
</div>
<div class="col-xs-4">
<div class="form-group">
<label class="control-label col-sm-6" title="">
<span class="required ">*</span> 材料类型:<i class="fa icon-question hide"></i></label>

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值