jsp页面有多个easyui动态的combobox文档加载同时请求

Question

comboboxeasyui

Answer 1

是不是变量有冲突？
你可以一个一个加载。
比如第一个加载后 onLoadSuccess：里在加载第二个。也可以 把俩个加载 分别放在 $()里。

Answer 2

// 选择部门
$("#dept").combotree({
 url: contextPath + '/hr/loadDepartmentData.do?companyId=2' ,
 multiple: false,
 required: false,
 onClick: function(node) {
  document.getElementById("bean.department.id").value = $('#dept').combotree('getValue');
 }
 
 });
 // 第一职务
$("#firstRank").combobox({
 url: contextPath + '/hr/loadRankData.do?companyId=2',
 valueField:'id',
 textField:'name',
 multiple: false,
 required: false,
 onSelect: function(record) {
$('#bean\\.positionRankId').attr('value',$('#firstRank').combobox('getValue'));
 }
 });
放一起，页面下拉是空的
顺序加载时正常的

Answer 3

// 选择部门
$("#dept").combotree({
 url: contextPath + '/hr/loadDepartmentData.do?companyId=2' ,
 multiple: false,
 required: false,
 onLoadSuccess:onLoadSuccess,
 onClick: function(node) {
  document.getElementById("bean.department.id").value = $('#dept').combotree('getValue');
 }
 
 });
 // 第一职务
 function onLoadSuccess(){
$("#firstRank").combobox({
 url: contextPath + '/hr/loadRankData.do?companyId=2',
 valueField:'id',
 textField:'name',
 multiple: false,
 required: false,
 onSelect: function(record) {
$('#bean\\.positionRankId').attr('value',$('#firstRank').combobox('getValue'));
 }
 });
 }

Answer 4

$("#dept").combotree({
 url: contextPath + '/hr/loadDepartmentData.do?companyId=' + $("#bean\\.company\\.id").val(),
 multiple: false,
 required: false,
 onBeforeLoad: function(node, param) {
 if ($("#bean\\.company\\.id").val() == "" || $("#bean\\.company\\.id").val() == 0) {
 $("#dept").combotree('disable');
 return false;
 } else {
 $("#dept").combotree('enable');
 }
 },
 onLoadSuccess: function() {
 alert(1);
 $("#firstRank").combobox({ // 第一职务
 url: contextPath + '/hr/loadRankData.do?companyId=' + $("#bean\\.company\\.id").val(),
 valueField:'id',
 textField:'name',
 multiple: false,
 required: false,
 onLoadSuccess: function() {
 alert(2);
  $("#otherRank").combobox({ // 兼职职务
  url: contextPath + '/hr/loadRankData.do?companyId=' + $("#bean\\.company\\.id").val(),
  valueField:'id',
  textField:'name',
  multiple: true,
  required: false
  });
 },
 onSelect: function(record) {
$('#bean\\.positionRankId').attr('value',$('#firstRank').combotree('getValue'));
 }
 });
 },
 onClick: function(node) {
  $('#bean\\.department\\.id').attr('value', $('#dept').combotree('getValue'));
 }
 
 });

Answer 5

$("#dept").combotree({
 url: contextPath + '/hr/loadDepartmentData.do?companyId=' + $("#bean\\.company\\.id").val(),
 multiple: false,
 required: false,
 onBeforeLoad: function(node, param) {
 if ($("#bean\\.company\\.id").val() == "" || $("#bean\\.company\\.id").val() == 0) {
 $("#dept").combotree('disable');
 return false;
 } else {
 $("#dept").combotree('enable');
 }
 },
 onLoadSuccess: function() {
 alert(1);
 $("#firstRank").combobox({ // 第一职务
 url: contextPath + '/hr/loadRankData.do?companyId=' + $("#bean\\.company\\.id").val(),
 valueField:'id',
 textField:'name',
 multiple: false,
 required: false,
 onLoadSuccess: function() {
 alert(2);
  $("#otherRank").combobox({ // 兼职职务
  url: contextPath + '/hr/loadRankData.do?companyId=' + $("#bean\\.company\\.id").val(),
  valueField:'id',
  textField:'name',
  multiple: true,
  required: false
  });
 },
 onSelect: function(record) {
$('#bean\\.positionRankId').attr('value',$('#firstRank').combotree('getValue'));
 }
 });
 },
 onClick: function(node) {
  $('#bean\\.department\\.id').attr('value', $('#dept').combotree('getValue'));
 }
 
 });