标签: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