近日在工作当中,碰到一个问题。具体如下:
功能需求:
在一个页面上有一个表单,这个表单里有一两个下拉框,和一个文本输入框
在下面有一个表格用来显示数据。想实现的功能是,当用户在上面进行了选择与输入后,可通过点击查询按钮,去查询与用户所选择和输入的内容相关的数据,结果在下面的表格当中显示出来。
碰到的问题:
由于要给用户比较好的体验,所以打算使用AJAX方式将查询到的内容直接在当前页面的表格上显示出来,而不是刷新整个页面。AJAX使用DWR框架,现在我已经做到将数据从后台查询出来了。但是在将数据写入到当前表格时碰到问题,不知道如何去写。
相关情况:
后台的数据返回的一个对象集合,每个对象又包含多个其它对象的引用如:
Class A {
String name;
City city; //City是一个单独的类,它也有自己的一些字段
Brand brand; //Brand 同理也有是一个单独的类,也有自己的一些字段
.......
}
现在后台返回的是一个List 这个List当中是一个一个的A对象。现在我想在前台页面上将DWR返回的这个集合把对象A一个一个读取出来,而且要将对象A当中的包含的city,brand
对象的字段也读取出来,即想像java里那样通过这样A.city.name A.brand.name 将我需要的字段读取出来。
现在的问题是:
我如何去读取??然后如何将读取到的内容写到表格里?由于我的表格具有很多的样式,我不可能将所有的HTML代码都使用javascript来组合吧?
我自己也写了一些方法可以取出集合里的对象里的属性,但是我感觉效率不高,而且极其麻烦。
代码如下:
/查询返回处理函数 function productCallBack(productList) { var code; var model; var brand; var city; var province; var type; var color; //循环集合,得到box for(var property in productList){ //循环box,判断字段 for(var pro in productList[property]){ //如果字段为productInfo则进一步循环productInfo if(pro == "productInfo"){ for(var pro3 in productList[property][pro]) { if(pro3 == "code") { code = productList[property][pro][pro3]; }else if(pro3 =="type") { for(var pro4 in productList[property][pro][pro3]) { if(pro4 == "name") { type = productList[property][pro][pro3][pro4]; } } }else if(pro3 == "model") { model = productList[property][pro][pro3];
//如果字段为brand,则再一步循环brand,已便得出brand下的所有字段 }else if(pro3 == "brand") { for(var pro4 in productList[property][pro][pro3]) { if(pro4 == "name") { brand = productList[property][pro][pro3][pro4]; } } }else if(pro3 == "color") { for(var pro4 in productList[property][pro][pro3]) { if(pro4 == "name") { color = productList[property][pro][pro3][pro4]; } } } } } } } alert(code); alert(type); alert(model); alert(brand); alert(color); }