您的位置：首页 > 其它

一个用ajax实现表格拖拽

2007-07-15 21:07 369 查看

这里用ajax + servlet 实现一个表格拖拽

用了JDOM动态记录当前的坐标数写为XML文档。

需要一个JDOM.jar包

http://download.chinaunix.net/down.php?id=9915&ResourceID=5020&site=1

//JSP页面

<%@page contentType="text/html;charset=gb2312"%>1
<HTML>
<HEAD>
<TITLE>用户登录</TITLE>
</HEAD>
<body onLoad="javascript:document.all.userName.focus();">
<BR>
<style type="text/CSS"> body
{
margin:0px;
}
#aim /*设置目标层样式*/
{
position:absolute;/*控制层的位置所必须的style*/
width:200px;
height:30px;
}
#sourceLayer, #cloneLayer
{
position:absolute;/*控制层的位置所必须的style*/
width:300px;
height:50px;
border:1px solid #666666;
background-color:#CCCCCC;
cursor:move;
}
.docked
{
display:none;
filter:alpha(opacity=100);
}
.actived
{
display:block;
filter:alpha(opacity=70);
}
</style>

<div id="div1"></div>
<div id="cloneLayer" class="docked" unselectable="off"></div>
<FORM name="form1" method="post" action="../loginservlet">
<div id="sourceLayer" unselectable="off">
<table width=240 border=0 align="center">
<tr>
<td>
<table width=100% border=0 cellspacing=0 cellpadding=1 bgcolor=99CC99>
<tr>
<td>
<table width=100% border=0 cellspacing=0 cellpadding=0 bgcolor="#f7fff7" align=center valign=top>
<tr>
<td align=left class="ahsPortletTitle" id="title">
<img src="../graphics/portlethdr1.gif" align="absMiddle">

用户登录
</td>
</tr>
<tr>
<td align=center class="normalSmall">
<table width=100% cellspacing=1 cellpadding=1 border=0>
<tr>
<td colspan=2 height=6>
<img src="Machine/graphics/asybase.gif" height=6>
<div id="errMsg" class="errMessage" style="display:none"> </div>
</td>
</tr>
<tr>
<td align=right class=normalSmall> 用户名:

</td>
<td align=left>
<input type=text class=textInput name=userName value="">
</td>
</tr>
<tr>
<td align=right class=normalSmall> 密码:

</td>
<td align=left>
<input type=password class=textInput name=passWord value="">
</td>
</tr>
<tr>
<td align=right class=normalSmall> </td>
<td align=left class=normalSmall>
<INPUT type="submit" class="normalButton" name="login" value="登陆">
<INPUT type="reset" class="normalButton" name="cancel" value="取消">
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</FORM>
<script type="text/javascript" language="javascript">



</script>

</body>
</html>
//动态查询SERVLET

package myproduct;

import javax.servlet.*;
import javax.servlet.http.*;
import java.io.*;
import java.util.*;

public class login extends HttpServlet {
private static final String CONTENT_TYPE = "text/xml; charset=gb2312";

//Initialize global variables
public void init() throws ServletException {
}

//Process the HTTP Get request
public void doGet(HttpServletRequest request, HttpServletResponse response) throws
ServletException, IOException {
response.setContentType(CONTENT_TYPE);
PrintWriter out = response.getWriter();
//得到头
String title=new String(request.getParameter("title").getBytes("ISO8859-1"),"GBK");
if(title==null)
return ;
String xmlPath=getServletContext().getRealPath("Position.xml");

//得到ID
String pid=dat.getId("ptitle",xmlPath,title.trim());
LoginEntity ent=dat.getValue("Position.xml","pid",pid);
out.println("<?xml version=/"1.0/" encoding=/"gb2312/"?>");
out.println("<root>");
out.println("<result>");
out.println("<pid>"+ent.getPid()+"</pid>");
out.println("<ptitle>"+ent.getPtitle()+"</ptitle>");
out.println("<pixelx>"+ent.getPixelx()+"</pixelx>");
out.println("<pixely>"+ent.getPixely()+"</pixely>");
out.println("</result>");
out.println("</root>");
out.close();
}

//Process the HTTP Post request
public void doPost(HttpServletRequest request, HttpServletResponse response) throws
ServletException, IOException {
doGet(request, response);
}

//Clean up resources
public void destroy() {
}
}

//实体类

package myproduct;

public class LoginEntity {
private int pid;
private String ptitle;
private String pixelx;
private String pixely;
public LoginEntity() {
}

public void setPid(int pid) {
this.pid = pid;
}

public void setPtitle(String ptitle) {
this.ptitle = ptitle;
}

public void setPixelx(String pixelx) {
this.pixelx = pixelx;
}

public void setPixely(String pixely) {
this.pixely = pixely;
}

public int getPid() {
return pid;
}

public String getPtitle() {
return ptitle;
}

public String getPixelx() {
return pixelx;
}

public String getPixely() {
return pixely;
}

}

//JDOM公用类

package myproduct;
import org.jdom.*;
import org.jdom.input.*;
import org.jdom.output.*;
import java.util.*;
import java.io.*;
public class ParseDom {
public ParseDom() {
}
private static Document dom;
/**
*
* @param path String XML文档的PATH
* @return Document DOM对象
*/
public static Document getDocument(String path)
{
//创建一个sax解析器
SAXBuilder sax=new SAXBuilder();
//通过传过的XML路径进行解析
try {
dom=sax.build(path);
return dom;

} catch (IOException ex) {
ex.printStackTrace();
} catch (JDOMException ex) {
ex.printStackTrace();
}
return null;

}
/**
*
* @param path String XML路径
* @return ArrayList 所有的XML信息
*/
public static List getAllElementValue(String path)
{
//得到一个dom对象
if(dom == null)
{
dom=getDocument(path);
}
//得到根节点
try
{
Element rootElement = dom.getRootElement();
return rootElement.getChildren();
}
catch(Exception e)
{
e.printStackTrace();
}
return null;
}
/**
*
* @param path String XML路径
* @param ElementName String 跟据指定的元素的名称
* @return ArrayList 所有的XML信息
*/
public static List getElementValue(String path,String ElementName)
{
//得到一个dom对象
if(dom == null)
{
dom=getDocument(path);
}
//得到根节点
try
{
Element rootElement = dom.getRootElement();
Element el=rootElement.getChild("position");
List l=el.getChildren(ElementName);
Iterator it= l.iterator();
if(it.hasNext())
{
System.out.println(((Element)it.next()).getChildText("pid"));
}
return null;
}
catch(Exception e)
{
e.printStackTrace();
}
return null;

}
/**
*
* @param path String 要写入的文件
* @return boolean 是否成功
*/
public static boolean xmlOutputer(String path,Document doc)
{
boolean flg=false;
//设置XML文档的格式
Format format=Format.getCompactFormat();
format.setEncoding("gb2312"); //设置XML文件的字符为gb2312
format.setIndent(" ");//设置XML文件缩进为2个空格
XMLOutputter xmlOut=new XMLOutputter(format);
try {
if (doc != null) {
xmlOut.output(doc, new FileOutputStream(path));
flg=true;
}
else
{
flg=false;
}
} catch (IOException ex) {
ex.printStackTrace();
}
return flg;
}

}

//实现查询和写入

package myproduct;

import java.util.*;
import org.jdom.*;

public class dat {
public dat() {
}

/**
* 跟据姓名得到ID
* @param Elementname String
* @param path String
* @param ElementValue Stirn
* @return LoginEntity
*/
public static String getId(String Elementname, String path,
String ElementValue) {
//根据节点句子得到一个集合
List ary = ParseDom.getAllElementValue(path);

if (!ary.isEmpty()) {
for (Iterator i = ary.iterator(); i.hasNext(); ) {
Element el = (Element) i.next();
if (el.getChildText(Elementname).trim().equals(ElementValue)) {
return el.getChildTextTrim("pid");
}

}
}
return null;
}

/**
* 跟据ID查出所有的信息
* @param path String
* @param ElementId String
* @return LoginEntity
*/
public static LoginEntity getValue(String path, String ElementId,
String ElementValue) {
//根据节点句子得到一个集合
List ary = ParseDom.getAllElementValue(path);
if (!ary.isEmpty()) {
for (Iterator i = ary.iterator(); i.hasNext(); ) {
Element el = (Element) i.next();
if (el.getChildText(ElementId).trim().equals(ElementValue)) {
LoginEntity log = new LoginEntity();
log.setPid(Integer.parseInt(el.getChildText("pid")));
log.setPtitle(el.getChildText("ptitle"));
log.setPixelx(el.getChildText("pixelX"));
log.setPixely(el.getChildText("pixelY"));
return log;
}

}

}

return null;
}
/**
* 保存
* @param path String
* @param x String
* @param y String
* @param titleValue String
* @param titleName String
* @return boolean
*/
public static boolean saveXml(String path,String x,String y,String titleValue,String titleName)
{
boolean flg=false;
Document dom=ParseDom.getDocument(path);
Element root=dom.getRootElement();
List ary=root.getChildren();
if (!ary.isEmpty()) {
for (Iterator i = ary.iterator(); i.hasNext(); ) {
Element el = (Element) i.next();
if (el.getChildText(titleName.trim()).trim().equals(titleValue.trim())) {
el.getChild("pixelX").setText(x);
el.getChild("pixelY").setText(y);
ParseDom.xmlOutputer(path,dom);
flg=true;
}

}

}
return flg;

}
}
//执行写入的SERVLE

package myproduct;

import javax.servlet.*;
import javax.servlet.http.*;
import java.io.*;
import java.util.*;

public class save extends HttpServlet {
private static final String CONTENT_TYPE = "text/html; charset=GBK";

//Initialize global variables
public void init() throws ServletException {
}

//Process the HTTP Get request
public void doGet(HttpServletRequest request, HttpServletResponse response) throws
ServletException, IOException {
response.setContentType(CONTENT_TYPE);
PrintWriter out = response.getWriter();

//得到当前的X座标

String x=request.getParameter("x");

//得到当前的Y座标
String y=request.getParameter("y");

//由于可能是中文进行转码
String title=new String(request.getParameter("title").getBytes("ISO8859-1"),"GBK");
String xmlPath=getServletContext().getRealPath("Position.xml");
if(x !=null || !x.equals("") && y!=null || !y.equals("") && !title.equals("") || title!=null)
{
dat.saveXml(xmlPath,x,y,title,"ptitle");
}

out.close();
}

//Process the HTTP Post request
public void doPost(HttpServletRequest request, HttpServletResponse response) throws
ServletException, IOException {
doGet(request, response);
}

//Clean up resources
public void destroy() {
}
}

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航