sclsch

[置顶]自定义下拉框(初版)

    下拉框是网页的重要元素，动态取数据并不难，通常的思路是在action中取数据，然后把数据放到request中，最后在页面上用标签遍历数据，但写多了，是不是很烦，我想做一个通用的下拉框标签，只要指明了业务接口，并且该接口实现了特定方法，就可以了。
    首先定义一个接口，用来取下拉框的数据。

   1. package com.ssh.tag;
   2.
   3. import java.util.List;
   4.
   5. /**
   6.  * @author 孙程亮 E-mail:sclsch@188.com
   7.  * @version 创建时间：Oct 27, 2008 6:59:05 PM
   8.  * 取得下拉框数据接口
   9.  */
  10. public interface SelectorInterface {
  11.   public List getVableValueList();
  12. }

    如果哪个业务层service需要增加下拉框的功能，就需要实现它。
例如：

   1. package com.ssh.entity.board.service;
   2.
   3. import java.util.ArrayList;
   4. import java.util.List;
   5.
   6. import com.ssh.common.vo.ValueLabelBean;
   7. import com.ssh.entity.board.dao.IBoardDao;
   8. import com.ssh.entity.board.model.Board;
   9. import com.ssh.tag.SelectorInterface;
  10. import com.sun.java_cup.internal.internal_error;
  11.
  12. /**
  13.  * @author 孙程亮 E-mail:sclsch@188.com
  14.  * @version 创建时间：Sep 4, 2008 6:36:22 PM
  15.  */
  16. public class BoardServiceImpl implements IBoardService,SelectorInterface{
  17.     private IBoardDao boardDao;
  18.
  19.     public void addBoard(Board b) {
  20.        boardDao.addBorad(b);
  21.     }
  22.
  23.     public IBoardDao getBoardDao() {
  24.         return boardDao;
  25.     }
  26.
  27.     public void setBoardDao(IBoardDao boardDao) {
  28.         this.boardDao = boardDao;
  29.     }
  30.
  31.     public List getAllBoards() {
  32.         return this.boardDao.getAllBoards();
  33.     }
  34.     /**
  35.      * 用来实现下拉框的方法，
  36.      * 把下拉数据存放在ValuLabelBean中，再存放在list中返回
  37.      * 给自定义标签。
  38.      * @return 下拉数据集合
  39.      */
  40.     public List getVableValueList() {
  41.         List list = this.boardDao.getAllBoards();
  42.         List valueLableList = new ArrayList();
  43.         for(int i=0;i<list.size();i++){
  44.           Board board = (Board)list.get(i);
  45.           ValueLabelBean vlb = new ValueLabelBean();
  46.           vlb.setValue(board.getId().toString());
  47.           vlb.setLabel(board.getName());
  48.           valueLableList.add(vlb);
  49.         }
  50.         return valueLableList;
  51.     }
  52. }

注意数据必须放在ValueLabelBean中，label表示下拉框显示的数据，value表示下拉框的value值，下面是ValueLabelBean
这个bean:

   1. package com.ssh.common.vo;
   2.
   3. import java.io.Serializable;
   4.
   5. /**
   6.  * @author 孙程亮 E-mail:sclsch@188.com
   7.  * @version 创建时间：Oct 27, 2008 7:00:36 PM
   8.  */
   9. public class ValueLabelBean implements Serializable {
  10.     private String value;
  11.     private String label;
  12.
  13.     public String getValue() {
  14.         return value;
  15.     }
  16.
  17.     public void setValue(String value) {
  18.         this.value = value;
  19.     }
  20.
  21.     public String getLabel() {
  22.         return label;
  23.     }
  24.
  25.     public void setLabel(String label) {
  26.         this.label = label;
  27.     }
  28. }

下面就是写tag了，暂时设置了三个属性 tagId,serviceBean和title,
tagId：select 的 id 属性值。
serviceBean：对应于spring容器中service的id。
title：select的默认选中项。

   1. package com.ssh.tag;
   2.
   3. import java.io.IOException;
   4. import java.lang.reflect.Method;
   5. import java.util.List;
   6.
   7. import javax.servlet.jsp.JspException;
   8. import javax.servlet.jsp.tagext.TagSupport;
   9.
  10. import org.springframework.context.support.AbstractApplicationContext;
  11. import org.springframework.util.StringUtils;
  12. import org.springframework.web.context.WebApplicationContext;
  13. import org.springframework.web.context.support.WebApplicationContextUtils;
  14. import org.springframework.web.util.JavaScriptUtils;
  15. import com.ssh.common.util.*;
  16. import com.ssh.entity.board.service.IBoardService;
  17. import com.sun.org.apache.xml.internal.utils.ObjectPool;
  18. import com.ssh.common.vo.*;
  19. import com.ssh.tag.*;
  20. /**
  21.  *
  22.  * @author 孙程亮 E-mail:sclsch@188.com
  23.  * @version 创建时间：Oct 25, 2008 10:22:18 AM
  24.  */
  25. public class SelectorTag extends TagSupport {
  26.
  27.     private String tagId;      //select's id
  28.     private String serviceBean;//service
  29.     private String title;      //select's title
  30.
  31.     public int doEndTag() throws JspException {
  32.       WebApplicationContext applicationContext =  WebApplicationContextUtils.getWebApplicationContext(pageContext.getServletContext());
  33.       SelectorInterface selectorInterface = (SelectorInterface)applicationContext.getBean(serviceBean);
  34.       List list1 = selectorInterface.getVableValueList();
  35.       //List list = ServiceLocator.getSelectorService(serviceBean).getVableValueList();
  36.       StringBuffer sBuffer = new StringBuffer();
  37.       sBuffer.append("<select id='"+this.tagId);
  38.
  39.       sBuffer.append("'>");
  40.       if(!StringUtil.isBlank(title)){
  41.           sBuffer.append("<option value='-1' selected>"+title+"</option>");
  42.       }
  43.       for(int i=0;i<list1.size();i++){
  44.         ValueLabelBean vlb =  (ValueLabelBean)list1.get(i);
  45.         sBuffer.append("<option value='"+vlb.getValue()+"'>"+vlb.getLabel()+"</option>");
  46.       }
  47.       sBuffer.append("</select>");
  48.       try {
  49.         pageContext.getOut().println(sBuffer.toString());
  50.     } catch (IOException e) {
  51.         // TODO Auto-generated catch block
  52.         e.printStackTrace();
  53.     }
  54.       return EVAL_PAGE;
  55.     }
  56.     public void setTagId(String tagId) {
  57.         this.tagId = tagId;
  58.     }
  59.     public void setServiceBean(String serviceBean) {
  60.         this.serviceBean = serviceBean;
  61.     }
  62.     public void setTitle(String title) {
  63.         this.title = title;
  64.     }
  65. }

在标签中可以用WebApplicationContextUtils来得到context,曾一度起了弯路，想到用一个工具类加载容器，倒也能实现，也想到用反射，但是行不通的。看来变通一下，可能会少走很多弯路。
下面是tld文件：

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE taglib PUBLIC
     "-//Sun Microsystems, Inc.//DTD JSP Tag Library 1.2//EN"
     "http://java.sun.com/dtd/web-jsptaglibrary_1_2.dtd">

<taglib>

     <tlib-version>1.0</tlib-version>
     <jsp-version>1.0</jsp-version>
     <short-name>sclschTag</short-name>
     <description>sclschTag</description>

     <tag>
         <name>selectorTag</name>
         <tag-class>com.ssh.tag.SelectorTag</tag-class>
         <body-content>JSP</body-content>
         <description>
         </description>
         <attribute>
             <name>tagId</name>
             <required>true</required>
             <rtexprvalue>true</rtexprvalue>
         </attribute>

         <attribute>
             <name>serviceBean</name>
             <required>true</required>
             <rtexprvalue>true</rtexprvalue>
         </attribute>
         <attribute>
             <name>title</name>
             <required>false</required>
             <rtexprvalue>true</rtexprvalue>
         </attribute>
     </tag>

</taglib>

最后就剩页面了：

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib uri="/WEB-INF/tld/selectorTag.tld" prefix="sclsch"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>mytag(sclsch@188.com)</title>
</head>
<body>
<sclsch:selectorTag tagId='myid' title="--请选择--" serviceBean="boardService" />
</body>
</html>

好了，尽管这个tag很简陋，但为以后省了不少工，只要在业务层实现一个SelectorInterface接口，在页面上摆个标签就可以了。我刚学标签的编写，有什么不足请指正，如果有更好的设计一定告诉我额。

posted @ 2008-10-28 20:57 sclsch 阅读(740) | 评论 (0) | 编辑收藏

连接数据库javabean

package com.secondHand.db;

import java.math.BigDecimal;
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.ResultSet;
import java.sql.ResultSetMetaData;
import java.sql.SQLException;
import java.sql.Statement;
import java.util.ArrayList;
import java.util.Iterator;
import java.util.List;

public class DBUtil {
    private String url = "jdbc:mysql://localhost:3306/db_secondhand?user=root&password=root";

    private String dbUserName = "root";

    private String dbUserPassword = "root";

    private String driver = "com.mysql.jdbc.Driver";

    private Connection conn = null;

    private Statement stmt = null;

    private ResultSet rs = null;

    public DBUtil() {
        try {
            Class.forName(driver);
        } catch (ClassNotFoundException e) {
            e.printStackTrace();
        }
    }

    private Connection getConnection() {
        try {
            conn = DriverManager.getConnection(url, dbUserName, dbUserPassword);
        } catch (SQLException e) {
            e.printStackTrace();
        }
        return conn;
    }

    private void close(ResultSet rs, Statement stmt, Connection conn) {
        if (rs != null) {
            try {
                rs.close();
            } catch (SQLException e) {
                e.printStackTrace();
            }
        }
        if (stmt != null) {
            try {
                stmt.close();
            } catch (SQLException e) {
                e.printStackTrace();
            }
        }
        if (conn != null) {
            try {
                conn.close();
            } catch (SQLException e) {
                e.printStackTrace();
            }
        }
    }

    public List query(String sql) {
        List list = new ArrayList();

        conn = this.getConnection();
        try {
            stmt = conn.createStatement();
            rs = stmt.executeQuery(sql);
            // 获取数据库表结构
            ResultSetMetaData rsm = rs.getMetaData();
            // 取得数据库的列数
            int col = rsm.getColumnCount();
            // 生成col长度的Object数组
            Object[] obj = new Object[col];
            // 遍历结果集，将结果存入Object数组
            while (rs.next()) {
                for (int i = 0; i < col; i++) {
                    obj[i] = rs.getObject(i + 1);
                }
                list.add(obj);
            }
        } catch (SQLException e) {
            e.printStackTrace();
        } finally {
            this.close(rs, stmt, conn);
        }
        return list;
    }

    public void update(String sql) {
        try {
            conn = this.getConnection();
            stmt = conn.createStatement();
            stmt.executeUpdate(sql);
        } catch (SQLException e) {
            e.printStackTrace();
        }finally{
            this.close(rs, stmt, conn);
        }
    }

    public static void main(String args[]) {
        DBUtil nj = new DBUtil();
        String sql = "select * from users";
        List list = nj.query(sql);
        // 返回list的迭代器
        Iterator it = list.iterator();
        // 遍历迭代器，取出结果
        while (it.hasNext()) {
            Object[] o = (Object[]) it.next();
            int id = ((BigDecimal) o[0]).intValue();
            System.out.println(id);
        }

    }
}

posted @ 2009-04-03 10:51 sclsch 阅读(180) | 评论 (0) | 编辑收藏

屏幕截图工具LittleScreenCapture 更新

摘要: 增加区域截取屏幕的功能，欢迎试用，简单实用。阅读全文

posted @ 2009-01-27 21:45 sclsch 阅读(1436) | 评论 (2) | 编辑收藏

屏幕截图工具LittleScreenCapture

个人开发的小巧的屏幕截图工具，可以全屏截图，其他功能还待完善。
下载地址/Files/sclsch/LittleScreenCapture.rar

posted @ 2009-01-26 18:15 sclsch 阅读(1202) | 评论 (0) | 编辑收藏

自定义下拉框(初版)

    下拉框是网页的重要元素，动态取数据并不难，通常的思路是在action中取数据，然后把数据放到request中，最后在页面上用标签遍历数据，但写多了，是不是很烦，我想做一个通用的下拉框标签，只要指明了业务接口，并且该接口实现了特定方法，就可以了。
    首先定义一个接口，用来取下拉框的数据。

   1. package com.ssh.tag;
   2.
   3. import java.util.List;
   4.
   5. /**
   6.  * @author 孙程亮 E-mail:sclsch@188.com
   7.  * @version 创建时间：Oct 27, 2008 6:59:05 PM
   8.  * 取得下拉框数据接口
   9.  */
  10. public interface SelectorInterface {
  11.   public List getVableValueList();
  12. }

    如果哪个业务层service需要增加下拉框的功能，就需要实现它。
例如：

   1. package com.ssh.entity.board.service;
   2.
   3. import java.util.ArrayList;
   4. import java.util.List;
   5.
   6. import com.ssh.common.vo.ValueLabelBean;
   7. import com.ssh.entity.board.dao.IBoardDao;
   8. import com.ssh.entity.board.model.Board;
   9. import com.ssh.tag.SelectorInterface;
  10. import com.sun.java_cup.internal.internal_error;
  11.
  12. /**
  13.  * @author 孙程亮 E-mail:sclsch@188.com
  14.  * @version 创建时间：Sep 4, 2008 6:36:22 PM
  15.  */
  16. public class BoardServiceImpl implements IBoardService,SelectorInterface{
  17.     private IBoardDao boardDao;
  18.
  19.     public void addBoard(Board b) {
  20.        boardDao.addBorad(b);
  21.     }
  22.
  23.     public IBoardDao getBoardDao() {
  24.         return boardDao;
  25.     }
  26.
  27.     public void setBoardDao(IBoardDao boardDao) {
  28.         this.boardDao = boardDao;
  29.     }
  30.
  31.     public List getAllBoards() {
  32.         return this.boardDao.getAllBoards();
  33.     }
  34.     /**
  35.      * 用来实现下拉框的方法，
  36.      * 把下拉数据存放在ValuLabelBean中，再存放在list中返回
  37.      * 给自定义标签。
  38.      * @return 下拉数据集合
  39.      */
  40.     public List getVableValueList() {
  41.         List list = this.boardDao.getAllBoards();
  42.         List valueLableList = new ArrayList();
  43.         for(int i=0;i<list.size();i++){
  44.           Board board = (Board)list.get(i);
  45.           ValueLabelBean vlb = new ValueLabelBean();
  46.           vlb.setValue(board.getId().toString());
  47.           vlb.setLabel(board.getName());
  48.           valueLableList.add(vlb);
  49.         }
  50.         return valueLableList;
  51.     }
  52. }

注意数据必须放在ValueLabelBean中，label表示下拉框显示的数据，value表示下拉框的value值，下面是ValueLabelBean
这个bean:

   1. package com.ssh.common.vo;
   2.
   3. import java.io.Serializable;
   4.
   5. /**
   6.  * @author 孙程亮 E-mail:sclsch@188.com
   7.  * @version 创建时间：Oct 27, 2008 7:00:36 PM
   8.  */
   9. public class ValueLabelBean implements Serializable {
  10.     private String value;
  11.     private String label;
  12.
  13.     public String getValue() {
  14.         return value;
  15.     }
  16.
  17.     public void setValue(String value) {
  18.         this.value = value;
  19.     }
  20.
  21.     public String getLabel() {
  22.         return label;
  23.     }
  24.
  25.     public void setLabel(String label) {
  26.         this.label = label;
  27.     }
  28. }

下面就是写tag了，暂时设置了三个属性 tagId,serviceBean和title,
tagId：select 的 id 属性值。
serviceBean：对应于spring容器中service的id。
title：select的默认选中项。

   1. package com.ssh.tag;
   2.
   3. import java.io.IOException;
   4. import java.lang.reflect.Method;
   5. import java.util.List;
   6.
   7. import javax.servlet.jsp.JspException;
   8. import javax.servlet.jsp.tagext.TagSupport;
   9.
  10. import org.springframework.context.support.AbstractApplicationContext;
  11. import org.springframework.util.StringUtils;
  12. import org.springframework.web.context.WebApplicationContext;
  13. import org.springframework.web.context.support.WebApplicationContextUtils;
  14. import org.springframework.web.util.JavaScriptUtils;
  15. import com.ssh.common.util.*;
  16. import com.ssh.entity.board.service.IBoardService;
  17. import com.sun.org.apache.xml.internal.utils.ObjectPool;
  18. import com.ssh.common.vo.*;
  19. import com.ssh.tag.*;
  20. /**
  21.  *
  22.  * @author 孙程亮 E-mail:sclsch@188.com
  23.  * @version 创建时间：Oct 25, 2008 10:22:18 AM
  24.  */
  25. public class SelectorTag extends TagSupport {
  26.
  27.     private String tagId;      //select's id
  28.     private String serviceBean;//service
  29.     private String title;      //select's title
  30.
  31.     public int doEndTag() throws JspException {
  32.       WebApplicationContext applicationContext =  WebApplicationContextUtils.getWebApplicationContext(pageContext.getServletContext());
  33.       SelectorInterface selectorInterface = (SelectorInterface)applicationContext.getBean(serviceBean);
  34.       List list1 = selectorInterface.getVableValueList();
  35.       //List list = ServiceLocator.getSelectorService(serviceBean).getVableValueList();
  36.       StringBuffer sBuffer = new StringBuffer();
  37.       sBuffer.append("<select id='"+this.tagId);
  38.
  39.       sBuffer.append("'>");
  40.       if(!StringUtil.isBlank(title)){
  41.           sBuffer.append("<option value='-1' selected>"+title+"</option>");
  42.       }
  43.       for(int i=0;i<list1.size();i++){
  44.         ValueLabelBean vlb =  (ValueLabelBean)list1.get(i);
  45.         sBuffer.append("<option value='"+vlb.getValue()+"'>"+vlb.getLabel()+"</option>");
  46.       }
  47.       sBuffer.append("</select>");
  48.       try {
  49.         pageContext.getOut().println(sBuffer.toString());
  50.     } catch (IOException e) {
  51.         // TODO Auto-generated catch block
  52.         e.printStackTrace();
  53.     }
  54.       return EVAL_PAGE;
  55.     }
  56.     public void setTagId(String tagId) {
  57.         this.tagId = tagId;
  58.     }
  59.     public void setServiceBean(String serviceBean) {
  60.         this.serviceBean = serviceBean;
  61.     }
  62.     public void setTitle(String title) {
  63.         this.title = title;
  64.     }
  65. }

在标签中可以用WebApplicationContextUtils来得到context,曾一度起了弯路，想到用一个工具类加载容器，倒也能实现，也想到用反射，但是行不通的。看来变通一下，可能会少走很多弯路。
下面是tld文件：

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE taglib PUBLIC
     "-//Sun Microsystems, Inc.//DTD JSP Tag Library 1.2//EN"
     "http://java.sun.com/dtd/web-jsptaglibrary_1_2.dtd">

<taglib>

     <tlib-version>1.0</tlib-version>
     <jsp-version>1.0</jsp-version>
     <short-name>sclschTag</short-name>
     <description>sclschTag</description>

     <tag>
         <name>selectorTag</name>
         <tag-class>com.ssh.tag.SelectorTag</tag-class>
         <body-content>JSP</body-content>
         <description>
         </description>
         <attribute>
             <name>tagId</name>
             <required>true</required>
             <rtexprvalue>true</rtexprvalue>
         </attribute>

         <attribute>
             <name>serviceBean</name>
             <required>true</required>
             <rtexprvalue>true</rtexprvalue>
         </attribute>
         <attribute>
             <name>title</name>
             <required>false</required>
             <rtexprvalue>true</rtexprvalue>
         </attribute>
     </tag>

</taglib>

最后就剩页面了：

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib uri="/WEB-INF/tld/selectorTag.tld" prefix="sclsch"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>mytag(sclsch@188.com)</title>
</head>
<body>
<sclsch:selectorTag tagId='myid' title="--请选择--" serviceBean="boardService" />
</body>
</html>

好了，尽管这个tag很简陋，但为以后省了不少工，只要在业务层实现一个SelectorInterface接口，在页面上摆个标签就可以了。我刚学标签的编写，有什么不足请指正，如果有更好的设计一定告诉我额。

posted @ 2008-10-28 20:57 sclsch 阅读(740) | 评论 (0) | 编辑收藏

如何控制css居中？

我是css初学者，自己做了一个工字型的布局，但整个页面不居中。请指点，代码如下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
  <style type="text/css">

      * {
    margin: 0px;
    padding: 0px;
    }
     body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0px auto;
    height: auto;
    width: 760px;
    border:1px #66CCFF solid;

    }
    .header {
    height: 100px;
    width: 760px;
    background-image: url(header.jpg);
    background-repeat: no-repeat;
    margin:0px 0px 3px 0px;
    border:1px #66CCFF solid;

    }

    .contentleft {
    height: 250px;
    width: 150px;
    font-size: 14px;
    list-style-type: none;
    float:left;
    border:1px #66CCFF solid;

    }
    .contentleft li {
    float:left;
    }
    .contentleft li a{
    color:#000000;
    text-decoration:none;
    padding-top:4px;
    display:block;
    width:97px;
    height:22px;
    text-align:center;
    background-color: #009966;
    margin-left:2px;
    }
    .contentleft li a:hover{
    border:1px #66CCFF solid;
    color:#FFFFFF;
    }
    .content {
    height:auto;
    width: 760px;
    line-height: 1.5em;
    padding: 10px;
    border:1px #66CCFF solid;
    }
    .content p {
    text-indent: 2em;
    }
    .content h3 {
    font-size: 16px;
    margin: 10px;
    }

    .footer {
    height: 50px;
    width: 760px;
    line-height: 2em;
    text-align: center;
    background-color: #009966;
    padding: 10px;
    border:1px #66CCFF solid;
    }
    .contentright{
        height: 250px;
        width: 580px;
        font-size: 14px;
        list-style-type: none;
        border:1px #66CCFF solid;
        float:right;
    }
    .logo{
      background-image: url(scltemp.jpg);
      height: 100px;
      width: 75px;

    }

  </style>

  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
</HEAD>

<BODY>
<div class="header">
  <div class="logo"></div>
</div>

<div class="content">
    <div class="contentleft">
    <li><a href="#">首页</a></li>
    <li><a href="#">文章</a></li>
    <li><a href="#">相册</a></li>
    <li><a href="#">Blog</a></li>
    <li><a href="#">论坛</a></li>
    <li><a href="#">帮助</a></li>
    </div>
    <div class="contentright">
    <h3>前言</h3>
    <p>第一段内容</p>
    <h3>理解CSS盒子模式</h3>
    <p>第二段内容</p>
    </div>
</div>

<div class="footer">
<p>关于华升 | 广告服务 | 华升招聘 | 客服中心 | Q Q留言 | 网站管理 | 会员登录 | 购物车</p><p>Copyright ©2006 - 2008 Tang
Guohui. All Rights Reserved</p>
</div>
</BODY>
</HTML>

另外，还有很多不完美的地方，请指点一下!

posted @ 2008-10-05 21:00 sclsch 阅读(743) | 评论 (3) | 编辑收藏

javascript实现的树型下拉框改进版

最近要做一个树型下拉框，参考网上的资料，也没有找到合适的，于是自己实现了一个，原理是先顺序加载根节点，在加载每个根节点后，再遍历每个数组，看有没有以这个根节点为父节点的数组，如果有，就加载到下拉框，然后再递归看有没有以这个节点为父结点的数组，如果有，再加载到下拉框，以此类推...
代码如下：（如果有更好的方法，请留言，有待改进）

1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2   <html xmlns="http://www.w3.org/1999/xhtml">
3    <head>
4     <title> javascript树型菜单 author:sclsch@188.com</title>
5     <meta name="generator" content="editplus" />
6     <meta name="author" content="" />
7     <meta name="keywords" content="" />
8     <meta name="description" content="" />
9     <script type="text/javascript">
10       var data =new Array();
11
12       data[0]= {id:'0',pid:'1',text:'河北'};
13       data[1]= {id:'1',pid:'-1',text:'中国'};
14       data[2]= {id:'2',pid:'6',text:'莫斯科'};
15       data[3]= {id:'3',pid:'0',text:'邯郸'};
16       data[4]= {id:'4',pid:'0',text:'石家庄'};
17       data[5]= {id:'5',pid:'3',text:'邯郸县'};
18       data[6]= {id:'6',pid:'-1',text:'俄罗斯'};
19       data[7]= {id:'7',pid:'5',text:'孙程亮 sclsch@188.com'};
20
21      function TreeSelector(item,data,rootId){
22         this._data = data;
23         this._item = item;
24         this._rootId = rootId;
25
26      }
27      TreeSelector.prototype.createTree = function(){
28          var  len =this._data.length;
29          for( var i= 0;i<len;i++){
30            if ( this._data[i].pid == this._rootId){
31               this._item.options.add(new Option(".."+this._data[i].text,this._data[i].id));
32                   for(var j=0;j<len;j++){
33                     this.createSubOption(len,this._data[i],this._data[j]);
34
35                   }
36            }
37         }
38      }
39
40      TreeSelector.prototype.createSubOption = function(len,current,next){
41             var blank = "..";
42             if ( next.pid == current.id){
43                  intLevel =0;
44                  var intlvl =this.getLevel(this._data,this._rootId,current);
45                  for(a=0;a<intlvl;a++)
46                     blank += "..";
47                  blank += "├-";
48                  this._item.options.add(new Option(blank + next.text,next.id));
49
50                  for(var j=0;j<len;j++){
51                    this.createSubOption(len,next,this._data[j]);
52
53                  }
54
55             }
56      }
57
58      TreeSelector.prototype.getLevel = function(datasources,topId,currentitem){
59
60          var pid =currentitem.pid;
61          if( pid !=topId)
62          {
63            for(var i =0 ;i<datasources.length;i++)
64            {
65               if( datasources[i].id == pid)
66               {
67                  intLevel ++;
68                  this.getLevel(datasources,topId,datasources[i]);
69               }
70            }
71          }
72          return intLevel;
73     }
74
75     </script>
76    </head>
77
78    <body>
79     <select id="myselect">
80   </select>
81   <script language=javascript type="text/javascript">
82     var ts = new TreeSelector(document.getElementById("myselect"),data,-1);
83     ts.createTree();
84   </script>
85    </body>
86   </html>

posted @ 2008-09-28 11:20 sclsch 阅读(2327) | 评论 (0) | 编辑收藏

js控制checkbox

摘要: 勘误<input name="error" id="error" <c:if test="${question.state==4}">checked</c:if> <c:if test... 阅读全文

posted @ 2007-10-25 14:28 sclsch 阅读(1075) | 评论 (0) | 编辑收藏

js显示当前日期

date.js:

　function writeDateInfo(){

var day="";

var month="";

var ampm="";

var ampmhour="";

var myweekday="";

var year="";

mydate=new Date();

myweekday=mydate.getDay();

mymonth=mydate.getMonth()+1;

myday= mydate.getDate();

myyear= mydate.getYear();

year=(myyear > 200) ? myyear : 1900 + myyear;

if(myweekday == 0)

weekday=" 星期日";

else if(myweekday == 1)

weekday=" 星期一";

else if(myweekday == 2)

weekday=" 星期二";

else if(myweekday == 3)

weekday=" 星期三";

else if(myweekday == 4)

weekday=" 星期四";

else if(myweekday == 5)

weekday=" 星期五";

else if(myweekday == 6)

weekday=" 星期六";

document.write(year+"年"+mymonth+"月"+myday+"日"+weekday);

}

页面:

<c:set var="ctx" value="${pageContext.request.contextPath}"/>

<div id="date"><script>writeDateInfo();</script></div>

posted @ 2007-09-12 22:51 sclsch 阅读(1560) | 评论 (0) | 编辑收藏

hibernate多对一关系的配置及操作

摘要: 种类Sort与勘误Errata是一对多的关系．Sort.java package com.daacc.dao.sort;import java.util.HashSet;import java.util.Set;import com.daacc.dao.teacher.Teacher;/** * Sort generated&... 阅读全文

posted @ 2007-07-10 20:04 sclsch 阅读(3080) | 评论 (1) | 编辑收藏

js表单验证

这个是js

1   <script type="text/javascript">
2     function checkForm(){
3        var section =  document.getElementById('section').value;
4        var page =  document.getElementById('page').value;
5           if (section==""){
6             alert("请输入章节");
7             return false;
8             }
9           else if(page==""){
10             alert("请输入页码");
11             return false;
12             }
13           myform.submit();
14     }
15   </script>

这个是表单

1             <form name="myform" action="searchBySectionAndPage.do" mothd="post">
2                 <table>
3                     <tr>
4                         <td>
5                             章节
6                         </td>
7                         <td>
8                             <input type="text" name="section">
9                         </td>
10                     </tr>
11                     <tr>
12                         <td>
13                             页码
14                         </td>
15                         <td>
16                             <input type="text" name="page">
17                         </td>
18                     </tr>
19                     <tr>
20                         <td>
21                             <input type="reset" value="重置">
22                         </td>
23                         <td>
24                             <input type="button" value="确定" onclick="return checkForm();">
25                         </td>
26                     </tr>
27                 </table>
28             </form>

js很让我头痛，备注一下．

posted @ 2007-07-10 16:29 sclsch 阅读(237) | 评论 (0) | 编辑收藏

常用链接

留言簿(1)

随笔档案

博客收藏

文档

经典网址

论坛

最新随笔

搜索

积分与排名

最新评论

阅读排行榜

评论排行榜