1. 程式人生 > >將一個2級聯動的資料用表格的形式顯示出來

將一個2級聯動的資料用表格的形式顯示出來


 //生成列表
 function getXctype(p_value){
var p_listArray=getListByPvalue(p_value);//獲取大類列表
var s_listArray=new Array(p_listArray.length);//生成儲存子列表的集合
//迴圈大類列表,獲取其下屬的小類
for(var i=0;i<p_listArray.length;i++){
var sarray=getListByPvalue(p_listArray[i].ID);//獲取下屬小類集合
s_listArray[i]=sarray;
}
 
//對陣列進行操作
makeTypeList(p_listArray,s_listArray);
 }
 
 //根據父值獲取所屬的列表
 function getListByPvalue(p_value){
var array=new Array();
var index=0;
for(var i=0;i<xcTypeArray.length;i++){
if(xcTypeArray[i].P_ID==p_value){
array[index]=xcTypeArray[i];
index++
}
}
return array;
 }
 //根據父陣列和子陣列生成列表頁面
 function makeTypeList(p_listArray,s_listArray){
var str="";//列表語句
for(var i=0;i<p_listArray.length;i++){
var sarray=s_listArray[i];//當前父節點下的子集
//生成列表語句
str+="<tr><td rowspan='"+sarray.length+"'>"+p_listArray[i].NAME+"</td>";
if(sarray.length==0){
str+="<td></td></tr>"
}
for(var k=0;k<sarray.length;k++){
if(k==0){
str+="<td>"+sarray[k].NAME+"</td></tr>";
}else{
str+="<tr ><td>"+sarray[k].NAME+"</td></tr>";
}
 
}
}
 
$('#body').append(str);
 }