Java版通用JS级联

原创 2007年09月25日 09:50:00

在开发中,经常遇到诸如省、市,大类、小类的级联select 下拉框。常常,这些类别或地区的内容,又存在数据库中。因为用户希望,一切都是可控制的。那么,如果涉及到这种级联的地方,每次都人从库中读取,在JSP中要写很多代码去读表。另外,这种级联在修改数据的时候,应设置的选中项为库中所载,这也是需要写一些代码的。

这里本人建议,通过IO,将类别生成js文件,然后在页面中引入这个js文件,这样即提高的程序的运用速度,又精简了的代码书写量。

一、表结构如下:

create table  news_class200
(
id int primary key,
parent_id int,
class_name varchar(20),
orderby int default 0

)

id 为自动增长
parent_id 用来标识父类的id
class_name 类别名称
orderby 排序,用来控制select中元素的前后顺序

二、成生js的java代码:

 public static void news_class(String str,String tab) throws IOException
 {
  //大类名称
  String big="big_class";
  String small="small_class";
  String big_array="";
  String[] small_array;
  
  
    Jdata data = new Jdata();//dao对象
     List list = data.jlist("select * from "+tab+" where parent_id=0");
     FileWriter fw = new FileWriter(str);
     PrintWriter out = new PrintWriter(fw);
     List ll = new ArrayList();
     small_array=new String[list.size()];
    
    
    for(int i=0;i<list.size();i++)
    {
   //读取大类信息
    Map map=(Map)list.get(i);
    big_array+="'"+map.get("class_name")+"',";
   
   
   
    ll=data.jlist("select * from "+tab+" where parent_id="+map.get("id"));
    small_array[i]="";
    for(int j=0;j<ll.size();j++)
    {
    Map m =(Map)ll.get(j);
    small_array[i]+="'"+m.get("class_name")+"',"; 
    
    
    }
    small_array[i]=noEnd(small_array[i]);
    
   // System.out.println(big_array);
    
    }
     
    big_array=noEnd(big_array);
    

    // out.println("<script language=javascript>");
     out.println("document.writeln(/'<select name="+big+" onchange=///""+small+"MM(this.selectedIndex)///">/');");
     out.println("document.writeln('<option value=///"
///">请选择</option>');");
     out.println("document.writeln('</select>');");
     out.println("document.writeln('<select name="+small+">');");
     out.println("document.writeln('<option value=///"
///">请选择</option>');");
     out.println("document.writeln('</select>');");
     out.println("var "+big+"Name = ["+big_array+"];");
     out.println(" var "+big+"Value=["+big_array+"];");
    
     for(int m=0;m<small_array.length;m++)   
      out.println("  var "+small+(m+1)+" = ["+small_array[m]+"];");
  
   
     out.println("function "+big+"() {");
     out.println("  var e = document.getElementById('"+big+"');");//000
     out.println(" for (var i=0; i<"+big+"Name.length; i++)");
     out.println(" e.options.add(new Option("+big+"Name[i], "+big+"Value[i]));");
     out.println(" }");
     out.println(" function "+small+"MM(n){");
     out.println(" var e = document.getElementById('"+small+"');");
     out.println("e.options.length = 1;");
     out.println("if (n == 0) return;");
     out.println(" var a = eval('"+small+"'+ n);");
     out.println(" for (var i=0; i<a.length; i++) e.options.add(new Option(a[i], a[i]));");
     out.println("}");
     out.println(big+"();");
     //out.println(" window.attachEvent('onload', "+big+"); ");
     //out.println(" </script>");
     out.flush();
     out.close();
     fw.close();
  
 }
 

三、生成的js如下:

document.writeln('<select name=big_class onchange=/"small_classMM(this.selectedIndex)/">');
document.writeln('<option value=/"/">请选择</option>');
document.writeln('</select>');
document.writeln('<select name=small_class>');
document.writeln('<option value=/"/">请选择</option>');
document.writeln('</select>');
 var big_className = ['县域动态','省域见闻','国外新闻'];
 var big_classValue=['县域动态','省域见闻','国外新闻'];
  var small_class1 = ['A类',''B类,'C类'];
  var small_class2 = ['无小类'];
  var small_class3 = ['无'];
function big_class() {
  var e = document.getElementById('big_class');
 for (var i=0; i<big_className.length; i++)
 e.options.add(new Option(big_className[i], big_classValue[i]));
 }
 function small_classMM(n){
 var e = document.getElementById('small_class');
e.options.length = 1;
if (n == 0) return;
 var a = eval('small_class'+ n);
 for (var i=0; i<a.length; i++) e.options.add(new Option(a[i], a[i]));
}
big_class();
 

Java版通用JS级联

在开发中,经常遇到诸如省、市,大类、小类的级联select 下拉框。常常,这些类别或地区的内容,又存在数据库中。因为用户希望,一切都是可控制的。那么,如果涉及到这种级联的地方,每次都人从库中读取,在J...
  • zuoyefeng_com
  • zuoyefeng_com
  • 2007年06月01日 03:27
  • 2482

Java版通用JS级联

2007年06月01日 03:27:00 在开发中,经常遇到诸如省、市,大类、小类的级联select 下拉框。常常,这些类别或地区的内容,又存在数据库中。因为用户希望,一切都是可控制的。那么,如果涉及...
  • softart
  • softart
  • 2007年10月27日 11:57
  • 243

Java版通用JS级联

在开发中,经常遇到诸如省、市,大类、小类的级联select 下拉框。常常,这些类别或地区的内容,又存在数据库中。因为用户希望,一切都是可控制的。那么,如果涉及到这种级联的地方,每次都人从库中读取,在J...
  • goldbox
  • goldbox
  • 2007年09月24日 15:39
  • 668

js实现省份、城市的级联选择

JS实现省份、城市的级联选择实现省份、城市的级联选择,可以用纯JS实现,当然也可以使用jquery实现,下面就讲一下如何用纯javascript实现。 其实实现JS这个很简单,有两点需要注意: 1...
  • qq_25237663
  • qq_25237663
  • 2015年11月21日 21:34
  • 4396

纯JS实现国家/省/市三级级联

偷懒只加入了部分数据: HTML模块: 无标题文档 国家: 省: 市: JS模块: //获取select元素 var CountryObj ...
  • zhurcn
  • zhurcn
  • 2016年08月04日 18:41
  • 2007

Entity Framework 5.0 增删改查(级联)

Entity Framework 5.0 增删改查(级联) 2012年08月13日 ⁄ 综合 ⁄ 共 1484字 ⁄ 字号 小 中 大 ⁄ 评论关闭 Entity Framework...
  • adenfeng
  • adenfeng
  • 2014年11月30日 12:24
  • 1893

Java 和 JavaScript 之间真正通用的Base64编码

在开发Java  Web应用的时候,可能会在服务器端用Java做Base64编码,而在客户端用JavaScript进行解码。这样就要求两边的Base64编码机制保持一致。 使用Base64编码,可能...
  • coolmasoft
  • coolmasoft
  • 2008年09月11日 15:14
  • 8689

JS实现级联查询

在ITOO中,我们用到了级联查询:根据建筑类型查询建筑,再根据建筑id查询建筑下的所有教室。这个类似于省,市,县的查询。这里说一下具体的方法。//----------加载建筑类型 --王孟梅----...
  • u013033838
  • u013033838
  • 2016年08月21日 21:44
  • 1056

一个javascript+json 实现级联查询

主要参考了sugarcrm中的部分代码,json由后台代码生成 html: javascript: func...
  • pipi7772
  • pipi7772
  • 2012年04月17日 21:24
  • 854

通用的excel导入导出类

原文链接:http://www.iteye.com/topic/657977 闲来无事,做了一个通用的excel导入导出类。  可以在数据库查询过滤的基础上导出数据(只需传入过滤后的List即可), ...
  • jarniyy
  • jarniyy
  • 2016年03月20日 22:47
  • 982
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Java版通用JS级联
举报原因:
原因补充:

(最多只允许输入30个字)