html代码

js代码

var myObj = [{ "testname": "张三1111", "sex": "男","addr":"天津"},

{ "testname": "张狗", "sex": "男","addr":"上海"},

{ "testname": "张武", "sex": "男","addr":"北京"},

];

//创建表格。

function createMyTable(rowCount,cellCount){

table=$('

table.appendTo($("#mydiv"));

for(var i=1;i

{

var tr=$("

");

tr.appendTo(table);

for(var j=1;j

{

var tdid=i+""+j;

var td=$("

");

td.appendTo(tr);

}

}

tr.appendTo(table);

$("#mydiv").append("

");

}

//鼠标焦点移入时。查询匹配的数据，填充表格进行显示。

function showMydiv(testname,sex,addr){

var cells=arguments.length;//列数

var rows=3;//行数

createMyTable(3,cells);//第一个数值为行数,第二个数值为列数

for(var i=1;i

for(var j=1;j

var tdid="#"+i+""+j;

$(tdid).html(myObj[i-1].testname);

j=j+1;

tdid="#"+i+""+j;

$(tdid).html(myObj[i-1].sex);

j=j+1;

tdid="#"+i+""+j;

$(tdid).html(myObj[i-1].addr);

}

}

document.getElementById("mydiv").style.display="block";

}

//变色

function changecolor(id){

if(id=="1"){

document.getElementById("1").style.background='#FFFF99';

document.getElementById("2").style.background='';

document.getElementById("3").style.background='';

}else if(id=="2"){

document.getElementById("1").style.background='';

document.getElementById("2").style.background='#FFFF99';

document.getElementById("3").style.background='';

}else if(id=="3"){

document.getElementById("1").style.background='';

document.getElementById("2").style.background='';

document.getElementById("3").style.background='#FFFF99';

}

}

//双击某行时，把选中的数据输出

function selectRow(id){

console.log(id);

if(id=="1"){

console.log(myObj[0]);

}else if(id=="2"){

console.log(myObj[1]);

}else if(id=="3"){

console.log(myObj[2]);

}

}

字符串格式 自己主动创建标格

//创建表格。

$scope.createMyTable = function (rowCount,cellCount){

var table='

var imgclose=' ';

var tr="";

for(var i=1;i

var rowid=tableuniqueflag+i;

tr="

";

var td="";

for(var j=1;j

var tdid=tableuniqueflag+i+""+j;

td=td+"

";

}

tr=tr+td+"

"

table=table+tr;

}

table=table+"

"+imgclose;

var compiletable=$compile(table)($scope);

$(mydivlocation).html('').append(compiletable);

}