锘??xml version="1.0" encoding="utf-8" standalone="yes"?> package dgut.ke.servlet; import java.util.List; import javax.servlet.http.HttpServletRequest; import org.ajaxtags.helpers.AjaxXmlBuilder; import dgut.ke.model.Area; @SuppressWarnings("serial") @SuppressWarnings("unchecked") }
<script type="text/javascript" src="<%=root %>/publicJS/jquery-1.3.1.js"></script>
<script type="text/javascript">
$(function(){
//edit table鍙法杓〃鏍?br />
var numTD = $("#datatable tbody td.edit");//鎺掗櫎鎺変笉鑳借淇敼鐨勫柈鍏冩牸
numTD.dblclick(function(){
var inputobj = $("<input type='text'>");//鏂板緩鏂囨湰杓稿叆妗?br />
var tdobj = $(this);//琚法杓殑鍠厓鏍?br />
var text = tdobj.html();
inputobj.val(text);
//important 涓瀹氳鍦ㄦ彃鍏ユ枃鏈鍓嶉茶鍒ゆ柗
if(tdobj.children("input").length > 0){
return false;
}
tdobj.html("");
inputobj.width(tdobj.width());
inputobj.appendTo(tdobj);
inputobj.trigger("focus").trigger("select");
//闃繪鏂囨湰妗嗙殑闆欐搳浜嬩歡
inputobj.click(function(){
return false;
});
//铏曠悊閸電洡浜嬩歡
inputobj.keyup(function(event){
//鐛插彇鐣跺墠鎸夐嵉鐨勫?br />
//jQuery鐨別vent灝嶈薄涓婃湁涓鍊媤hich鐨勫爆鎬у彲浠ョ嵅寰楅嵉鐩ゆ寜閸電殑閸靛?br />
var keycode = event.which;
//铏曠悊鍥炶粖鐨勬儏娉?br />
if(keycode == 13){
//鐛插彇鐣跺墠鏂囨湰妗嗙殑鍏у
var inputtext = $(this).val();
//灝噒d鐨勫収瀹逛慨鏀規(guī)垚鏂囨湰妗嗙彔鍏у
tdobj.html(inputtext);
var v_id = tdobj.parent().children().eq(1).html();
var column = tdobj.attr("id");
if(column == "roleName"){
systemDaoAjax.updateRole({id : v_id,
roleName : tdobj.parent().children("#roleName").html(),
createUser : $("#hidden_username").val()
}, null);
}else if(column == 'roleDesc'){
systemDaoAjax.updateRole({id : v_id,
roleDesc : tdobj.parent().children("#roleDesc").html(),
createUser : $("#hidden_username").val()
}, null);
}
}
//铏曠悊ESC鐨勬儏娉?br />
if(keycode == 27){
//灝噒d涓殑鍏у鍘熶締鐐哄師鍏堢殑鍊紅ext
tdobj.html(text);
}
});
//鏂囨湰妗嗗け鍘葷劍榛炰簨浠?鑸嘐SC浜嬩歡涓妯?br />
inputobj.blur(function(){
//灝噒d涓殑鍏у鍘熶締鐐哄師鍏堢殑鍊紅ext
tdobj.html(text);
});
});
});
function checkUserName(){
var username = document.getElementById("username").value;
if(!username==""){
systemDaoAjax.validateUserName(username, function userNameCallback(data){
if(data){
document.getElementById("saveButton").disabled = false;
document.getElementById("feedBackMessage").style.display='none';
setCheckbox();//璦疆鎴栬呮竻絀虹閬告
}else{
document.getElementById("saveButton").disabled = true;
document.getElementById("feedBackMessage").style.display='block';
}
});
}
}
function setCheckbox(){
var checkitem = document.getElementsByName("roleIdCheckbox")
systemDaoAjax.getRoleByUserName(document.getElementById("username").value, function funcRoleCallback(roleArray){
for(var i=0; i<checkitem.length; i++) {
checkitem[i].checked=false;
for(var j=0; j<roleArray.length; j++){
if(checkitem[i].value==roleArray[j])
checkitem[i].checked=true;
}
}
});
}
function saveUserRole(){
var arrays = new Array();
var items = document.getElementsByName("roleIdCheckbox")
for(i=0; i<items.length; i++) {
if(items[i].checked)
arrays.push(items[i].value);
}
if(arrays.length>0){
systemDaoAjax.saveUserRole(document.getElementById("username").value, arrays, function saveUserRoleCallback(data){
if(data)
alert("鎿嶄綔鎴愬姛!");
else
alert("娉ㄦ剰:鎿嶄綔澶辨晽!");
});
}else{
alert("璜嬮伕鎿囪鎺堟瑠鐨勮鑹?");
}
}
</script>
]]>
<%@ page language="java" contentType="text/html; charset=GBK"%>
<%@ taglib uri="http://ajaxtags.org/tags/ajax" prefix="ajax" %>
...
<script type="text/javascript" src="../js/prototype-1.4.0.js"></script>
<script type="text/javascript" src="../js/scriptaculous.js"></script>
<script type="text/javascript" src="../js/overlibmws.js"></script>
<script type="text/javascript" src="../js/ajaxtags.js"></script>
....
<select id="country" name="address.country">
<option value="">閫夋嫨涓涓浗瀹?lt;/option>
<option value="涓浗">涓浗</option>
<select id="province" name="address.province">
<option value="">鐪佷喚鍒楄〃</option>
</select>
<select id="city" name="address.city">
<option value="">鍩庡競(jìng)鍒楄〃</option>
</select>
<ajax:select source="country"
target="province"
baseUrl="../area.do"
parameters="areaName={country}"/>
<ajax:select source="province"
target="city"
baseUrl="../area.do"
parameters="areaName={province}"/>
AreaServlet.java
import javax.servlet.http.HttpServletResponse;
import org.ajaxtags.servlets.BaseAjaxServlet;
import org.springframework.web.context.support.WebApplicationContextUtils;
import dgut.ke.util.AreaUtil;
public class AreaServlet extends BaseAjaxServlet {
@Override
public String getXmlContent(HttpServletRequest request,
HttpServletResponse response) throws Exception {
request.setCharacterEncoding("UTF-8");
AreaUtil areaUtil = (AreaUtil) WebApplicationContextUtils
.getRequiredWebApplicationContext(getServletContext())
.getBean("areaUtil");
String areaName = request.getParameter("areaName");
//灝哸reaName杞崲鎴恆reaCode
String parentAreaCode = areaUtil.findAreaCodeByAreaName(areaName);
if(parentAreaCode != null && ! parentAreaCode.equals("")) {
List<Area> list = areaUtil.findByParentAreaCode(parentAreaCode);
AjaxXmlBuilder builder = new AjaxXmlBuilder();
for(Area area : list) {
builder = builder.addItem(area.getAreaName(), area.getAreaName());
}
return builder.toString();
} else {
return null;
}
}
<!-- 鐪佷喚鍦板潃涓嬫媺鍒楄〃 -->
<servlet>
<servlet-name>areaServlet</servlet-name>
<servlet-class>dgut.ke.servlet.AreaServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>areaServlet</servlet-name>
<url-pattern>/area.do</url-pattern>
</servlet-mapping>
]]>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>鍔ㄦ佸姞杞藉垪琛ㄦ</title>
</head>
<script type="text/javascript">
var xmlHttp ;
function createXMLHttpRequest() {
if(window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP") ;
}else if(window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest() ;
}
}
function select_change() {
var depart = document.getElementById("depart").value ;
if(depart != null) {
createXMLHttpRequest() ;
var url = "dylist.jsp?depart="+depart ;
xmlHttp.open("GET",url,true) ;
xmlHttp.onreaddystatechange = showMembers ;
xmlHttp.send(null) ;
}
}
function showMembers() {
if(xmlHttp.readyState ==4) {
if(xmlHttp.status = 200) {
var membersData = xmlHttp.responseXML.getElementByTagName("member") ;
var membersSelect = document.getElementById("member") ;
var option = null ;
memberSelect.options.length = 0 ;
//寰幆灝嗘暟鎹彃鍏ュ垪琛ㄦ涓?br />
for(var i=0 ;i<memberData.length;i++) {
try {
membersSelect.appendChild(option) ;
}catch(e) {
alert(e) ;
}
}
}else {
alert("鎮(zhèn)ㄨ姹傜殑欏甸潰鏈夊紓甯稿彂鐢?);
}
}else {
//淇℃伅榪樻病鏈夎繑鍥?絳夊緟
}
}
</script>
<body>
閮ㄥ垎<br>
<select id="depart" onchange="select_change()">
<option value="null">閫夋嫨</option>
<option value="d1">閮ㄩ棬涓</option>
<option value="d2">閮ㄩ棬浜?lt;/option>
<option value="d3">閮ㄩ棬涓?lt;/option>
<option value="d4">閮ㄩ棬鍥?lt;/option>
</select>
<select id="member" multiple="multiple">
</select>
</body>
</html>
dylist.jsp
<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>鍔ㄦ佸姞杞藉垪琛ㄦ</title>
</head>
<body>
<%
String depart = request.getParameter("depart") ;
if(depart == null) depart = "d1" ;
StringBuffer sb = new StringBuffer() ;
sb.append("<members>") ;
Map map = new HashMap() ;
String d1 = "<member><id>1001</id><name>鎴愬憳?shù)竴</name></member><member><id>1002</id><name>鎴愬憳?shù)?lt;/name></member>" ;
String d2 = "<member><id>1003</id><name>鎴愬憳?shù)?lt;/name></member><member><id>1004</id><name>鎴愬憳鍥?lt;/name></member>" ;
String d3 = "<member><id>1005</id><name>鎴愬憳?shù)?lt;/name></member><member><id>1006</id><name>鎴愬憳鍏?lt;/name></member>" ;
String d4 = "<member><id>1007</id><name>鎴愬憳?shù)?lt;/name></member><member><id>1008</id><name>鎴愬憳鍏?lt;/name></member>" ;
map.put("d1",d1) ;
map.put("d2",d2) ;
map.put("d3",d3) ;
map.put("d4",d4) ;
sb.append(map.get(depart.toString())) ;
sb.append("</members>") ;
response.setContentType("text/xml") ;
out.write(sb.toString()) ;
%>
</body>
</html>
<%@ page language="java" contentType="text/html; charset=GBK"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>ajax</title>
</head>
<body>
<%
String name = request.getParameter("username") ;
String password = request.getParameter("password") ;
System.out.println("name--->"+name+" password---->"+password);
if(name != null && password != null){
if(name.equals("ajax") && password.equals("ajax")){
out.write("<font color=red>鎭枩浣?姝ょ敤鎴峰悕鍙敤</font>");
}else{
out.write("<font color=red>姝ょ敤鎴峰悕宸茶浜哄崰鐢?lt;/font>") ;
}
}
%>
</body>
</html>
<script type='text/javascript'>
function regUserChked(){