码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-08-23 00:36:35      阅读:1552      评论:0      收藏:0      [点我收藏+]

标签:xtend   json   jee   ttext   nbsp   function   table   sync   jeecg   

构造下拉列表:方法之一:使用控件  <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框架 构造下拉列表,当选中的值改变时,自动填充其关联控件的值

标签:xtend   json   jee   ttext   nbsp   function   table   sync   jeecg   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!