java 统计报表js,js动态输出两个报表

js动态输出两个表格

本帖最后由 hanhanhu1230 于 2015-05-17 01:17:43 编辑

各位大侠，最近在做一个账单，前台用jsp

账单左右两边各一个表格，填充完第一个表格自动填充第二个表格，而且两个表格的单元数是相同的 比如从java后台传过来一个json数组共6条数据，(后台传的数据是动态的)第一个表格放3条，第二个表格放3条，，请问用js怎么输出呢，

------解决思路----------------------

你也没说清楚啊，你的表格的行数是固定的吗？

------解决思路----------------------

可以看看jQuery，会JS的话jQuery很快就学会了，jQuery生成DOM元素很方便。

------解决思路----------------------

/** result是后台传过来的一个JS对象,result.dataList封装了个数组，你可以改成dataList1为第一个表格的数据，dataList2为第2个表格的数据 */

function reflashTable(result){

// 用JS来拼html语言，拼出一个Table

var strTb="";

strTb+='

列表信息';

strTb+='

';

strTb+='

ID';

strTb+='

昵称';

//strTb+='

姓名';

strTb+='

XXXX';

strTb+='

X币';

strTb+='

IP';

strTb+='

XX时间 ↑';

strTb+='

最近XX ↑';

strTb+='

最近ZZ ↑';

strTb+='

操作';

strTb+='

';

var dataList = result.dataList;

for (var i=0; i

var data = dataList[i];

strTb+='

';

strTb+='

'+data.playerid+'';

strTb+='

'+getHtmlStr(data.nickname)+'';

//strTb+='

'+data.realname+'';

strTb+='

'+data.xx+'';

strTb+='

'+data.xxb+'';

strTb+='

'+data.ip+'';

strTb+='

'+data.xxTimeDesc+'';

strTb+='

'+data.lastxxtimeDesc+'';

strTb+='

'+data.zzDesc+'';

strTb+='

';

strTb+='详情

';

strTb+='

';

}

// 这里用到了JQuery语言的查找元素，再把table写到页面

$(".datalistTable").html(strTb);

}

------解决思路----------------------

row:

col:

function createCell() {

var rowIdx = rowIndex.value-0;

var colIdx = colIndex.value-0;

if ((rowIdx<0)

------解决思路----------------------

(colIdx<0)) {

alert('invalid cell index');

return;

}

var tbl = myTable;

while (tbl.rows.length

tbl.insertRow();

}

var row = tbl.rows[rowIdx];

var cell;

while (row.cells.length

cell = row.insertCell();

cell.innerText=' ';

}

}

function getCellValue() {

var rowIdx = rowIndex.value-0;

var colIdx = colIndex.value-0;

if ((rowIdx<0)

------解决思路----------------------

(colIdx<0)) {

alert('invalid cell index');

return;

}

var tbl = myTable;

if (tbl.rows.length

alert('cell not exists');

return;

}

var row = tbl.rows[rowIdx];

if (row.cells.length

alert('cell not exists');

return;

}

var cell = row.cells[colIdx];

alert(cell.innerText);

}

function setCellValue() {

var rowIdx = rowIndex.value-0;

var colIdx = colIndex.value-0;

var v=cellValue.value;

if ((rowIdx<0)

------解决思路----------------------

(colIdx<0)) {

alert('invalid cell index');

return;

}

createCell();

var tbl = myTable;

var row= tbl.rows[rowIdx];

var cell = row.cells[colIdx];

cell.innerText = v;

}