dwr 二级联动

最新推荐文章于 2015-01-01 10:03:25 发布

最新推荐文章于 2015-01-01 10:03:25 发布 · 157 阅读

文章标签：

#DWR #JavaScript #J# #ViewUI

dwr 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一个使用DWRIframe实现的简单示例，该示例用于展示如何通过JavaScript调用服务器端方法来获取组织和人员的数据，并填充到HTML页面的下拉列表中。但是，在页面加载时二级下拉列表缺少初始化分类。

je 的全站文章分类的时候二级下拉列表缺少初始化分类

<script type="text/javascript" src="dwr/engine.js"></script>
<script type="text/javascript" src="dwr/util.js"></script>
<script type="text/javascript" src="dwr/interface/personManager.js"></script>
<script type="text/javascript">
function init(){
	personManager.searchAllOrg(
		function(data){
			// [{"id":xx,"name":xx},{"id":xxx,"name":xxx},{}]
			dwr.util.addOptions("o",data,"id","name");
			searchPersons();
		}
	);
}

function searchPersons(){
	personManager.searchPersons(
		$("o").value,
		function(data){
			dwr.util.removeAllOptions("p");
			dwr.util.addOptions("p",data,"id","name");
		}
	);
}

</script>

<body onload="init()">

请选择机构：<select id="o" onchange="searchPersons()"></select> <br>
请选择人员：<select id="p"></select>

</body>

public class PersonManager {
	private static Map orgs = new HashMap();
	private static Map persons = new HashMap();
	
	static{
		for(int i=0; i<10; i++){
			Org org = new Org();
			org.setId(i);
			org.setName("机构"+i);
			orgs.put(org.getId(), org);
			
			List personList = new ArrayList();
			for(int j=0; j<20; j++){
				Person person = new Person();
				person.setId(j);
				person.setName("org["+org.getName()+"]下的人员[人员"+j+"]");
				personList.add(person);
			}
			persons.put(org.getId(), personList);
		}
	}
	
	public Collection searchAllOrg(){
		return orgs.values();
	}
	
	public List searchPersons(int orgId){
		return (List)persons.get(orgId);
	}
}