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

三流角色 2014-03-13 05:17:16
jsp页面有两个easyui的动态下拉框combobox,两个控件的url不一样,意味着后台返回到前台的数据不一样。页面初始化加载时
后台都执行了输出到页面的json数据,但是两个下拉框都得不到数据,只放一个控件没问题,如何解决
...全文
185 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
别闹腰不好 2014-03-13
  • 打赏
  • 举报
回复
引用 6 楼 plq1210 的回复:
数据是有了,但是警告不能不顾
好乱啊 你自己在检查一下 ,
三流角色 2014-03-13
  • 打赏
  • 举报
回复
数据是有了,但是警告不能不顾
三流角色 2014-03-13
  • 打赏
  • 举报
回复
$("#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'));
}

});
三流角色 2014-03-13
  • 打赏
  • 举报
回复
引用 3 楼 u012463264 的回复:
// 选择部门
$("#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'));
}
});
}

$("#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'));
}

});
别闹腰不好 2014-03-13
  • 打赏
  • 举报
回复
// 选择部门 $("#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')); } }); }
三流角色 2014-03-13
  • 打赏
  • 举报
回复
	// 选择部门
	$("#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'));
		 }
	 });
放一起,页面下拉是空的 顺序加载时正常的
别闹腰不好 2014-03-13
  • 打赏
  • 举报
回复
是不是变量有冲突? 你可以一个一个加载。 比如第一个加载后 onLoadSuccess:里在加载第二个。 也可以 把俩个加载 分别放在 $()里。
用到的技术亮点: 前端用到了easyUI Easyui:jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解的只有一些简单的html标签。 jQuery EasyUI为提供了大多数UI控件的使用,如:accordion,combobox,menu,dialog,tabs,validatebox,datagrid,window,tree等等。 jQuery EasyUI是基于JQuery的一个前台ui界面的插件,功能相对没extjs强大,但页面也是相当好看的,同时页面支持各种themes以满足使用者对于页面不同风格的喜好。一些功能也足够开发者使用,相对于extjs更轻量。 jQuery EasyUI有以下特点: 1、基于jquery用户界面插件的集合 2、为一些当前用于交互的js应用提供必要的功能 3、EasyUI支持两种渲染方式分别为javascript方式(如:$('#p').panel({...}))和html标记方式(如:class="easyui-panel") 4、支持HTML5(通过data-options属性) 5、开发产品时可节省时间和资源 6、简单,但很强大 7、支持扩展,可根据自己的需求扩展控件 8、目前各项不足正以版本递增的方式不断完善 jQuery EasyUI 提供了用于创建跨浏览器网页的完整的组件集合,包括功能强大的 datagrid(数据网格)、treegrid(树形表格)、 panel(面板)、combo(下拉组合)等等。 用户可以组合使用这些组件,也可以单独使用其中一个。 插件列表如下:(主要用到了以下插件) 系统主要运用在:在系统的关于订单管理和用户管理页面都使用的是此框架。主要用到的是 datagrid(数据网格)这个插件。以上有操作文档 前端用到了jQuery jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是"write Less,Do More",即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。 jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。 系统主要运用在:在系统中一些分页或者样式交互事件处理中使用到了(比如地址选择框) 前端用到了ajax AJAX即"Asynchronous Javascript And XML"(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。 AJAX = 异步 JavaScript和XML(标准通用标记语言的子集)。 AJAX 是一种用于创建快速动态网页的技术。 AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。 传统的网页(不使用 AJAX)如果需要更新内容,必须重载整个网页页面。 系统主要运用在:主要运用于系统的表单验证比如登录注册验证码以及一些需要不刷新页面的异步提交页面(在车票查询,登录注册表单验证页面使用到了,还有是一些删除操作也使用到了) 前端页面使用的jsp(Java服务端网页(一种建立动态网页的技术,Java Server Page)) JSP全名为Java Server Pages,中文名叫java服务器页面,其根本是一个简化的Servlet设计,它 是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。JSP技术有点类似ASP技术,它是在传统的网页HTML(标准通用标记语言的子集)文件(*.htm,*.html)中插入Java程序段(Scriptlet)和JSP标记(tag),从而形成JSP文件,后缀名为(*.jsp)。 用JSP开发的Web应用是跨平台的,既能在Linux下运行,也能在其他操作系统上运行。 系统主要运用在:本系统前端页面关于与后台交互的全部使用的jsp 后端使用的MVC三层架构模式 三层架构(3-tier ar

87,910

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧