首页 > 其他 > 详细

jeecg bootstrap框架 构造下拉列表,当选中的值改变时,自动填充其关联控件的值

时间:2018-08-22 23:21:45      阅读:413      评论:0      收藏:0      [点我收藏+]

构造下拉列表:方法之一:使用控件  <t:dictSelect> 对数据库中对应的表进行绑定

 1 <div class="bt-item col-md-6 col-sm-6">
 2             <div class="row">
 3                 <div class="col-md-3 col-sm-3 col-xs-3 bt-label">
 4                     id:
 5                 </div>
 6                 <div class="col-md-9 col-sm-9 col-xs-9 bt-content">
 7                  <t:dictSelect id="drugCatalogueId" field="drugCatalogueId" type="list" extendJson="{class:‘form-control input-sm‘}"
 8                             dictTable="lims_drug_catalogue" dictField="id" dictText="drug_name" datatype="*" ></t:dictSelect>   
 9         

使用ajax,当下拉列表当选中的值改变时,改变其关联控件的值

当下拉列表声明id 时,如id="drugCatalogueId" 可使用 

$(‘#name=drugCatalogueId‘).on(‘change‘,function(){
//内容
})

否则

$(‘select[name=drugCatalogueId]‘).on(‘change‘,function(){
//内容
})

ajax请求代码如下:

data:{ } :存放请求需要传递的参数;

function(data) :data 为 ajax 请求后返回的 json格式;

sysOrgCode 为ajax 请求返回后对应的entity实体,通过entity的成员变量名获得其对应的值,再将值赋值到对应的控件内容。

 1 var sysOrgCode = null;
 2     $(‘#drugCatalogueId‘).on(‘change‘,function(){
 3         $.ajax({
 4             type: "GET",
 5             url: "limsDrugCatalogueController.do?drugCatalogue&id="+$(‘#drugCatalogueId‘).val(),
 6             data: {},
 7             async:false,
 8             dataType: "json",
 9             success: function (data) {
10                 if (data.success == true) {
11                     sysOrgCode=data.obj;
12                     console.log(data);
13                 } else {
14                     
15                 }
16             }
17         });
18         $(‘#drugNumber‘).val(sysOrgCode.drugCode);
19         $("#drugNumber").text();
    $(‘#drugNumber‘).val(sysOrgCode.drugCode);
   $("#drugNumber").text();
  填充text控件的内容,并当其值改变时,更新文本框的内容。

jeecg bootstrap框架 构造下拉列表,当选中的值改变时,自动填充其关联控件的值

原文:https://www.cnblogs.com/KekeChen/p/9520902.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!