js 动态创建表格

/*
从数据库获取表数据
*/
function getTableData(){debugger;
var data1 = []; var current_instance_id = businessObj.getCurrentInstanceId();
if (current_instance_id) {
var req = SOAP_GetSaleCardStore.XMLDocument.cloneNode(true);
var root_id = businessObj.getRootInstanceId(current_instance_id)
if (root_id) {
req.selectSingleNode(".//processinstanceid").text =root_id;
var reqs = businessObj.executeSoap(req);
if(reqs&&reqs.selectNodes(".//tuple").length>0){
var tuple = reqs.selectNodes(".//tuple");
$.each(tuple, function(i){
var nodes = tuple[i].selectNodes(".//old/BPM_SH_SALECARDSTORE")[0];
var node_array = [i+1,
nodes.selectSingleNode(".//CARD_KIND_NAME").text,
nodes.selectSingleNode(".//CARD_TYPE_NAME").text,
$("#main_pro_info_name").text(),
nodes.selectSingleNode(".//CARD_PRICE").text,
nodes.selectSingleNode(".//APPLY_NUM").text,
nodes.selectSingleNode(".//CARD_PRA_VALUE").text,
nodes.selectSingleNode(".//CARD_DISCOUNT").text,
nodes.selectSingleNode(".//TOTAL_PRICE").text,
nodes.selectSingleNode(".//ID").text,
nodes.selectSingleNode(".//CARD_KIND").text,
nodes.selectSingleNode(".//CARD_TYPE").text,];
data1[i] = node_array;
});
}
$.each(data1, function(i){
CreateTableRow("","","applycard",data1[i],false,"");
});
}
}
}

/*
创建表格
front_callback 创建表格行前回调函数
obj button 按钮对象 可以为空
name 表格name
data 加载数据 数组对象
edit 是否可修改 默认false
callback 创建表格行后回调函数
*/
function CreateTableRow(front_callback,obj,name,data,edit,callback){debugger;
if(data.length>0){
var tr_id = data[9];
if(front_callback){front_callback(data);}

var edit_flag = false;
if(edit){edit_flag = edit;}
try{
var _table_tbody = $("#"+name+" TBODY");
var otr = document.createElement("tr");
otr.id = tr_id;
otr.card_kind = data[10];
otr.card_type = data[11];
otr.selected = "false";
if(edit_flag){otr.onclick = function(){selectRow(this,obj,applycard_callback)}}
_table_tbody[0].appendChild(otr);
var handClone_td = $("#"+name+" tr:first td").clone(true);
$.each(handClone_td, function(i){
handClone_td[i].bgColor = "#FFFFFF";
handClone_td[i].innerText = data[i];
handClone_td[i].style.cursor = "hand";
handClone_td[i].contentFlag = "1";
otr.appendChild(handClone_td[i]);
});
Statistics();
if(callback){callback();}
}catch(e){}

}
}

/*
选中某行
obj 当前表格列对象
button 修改按钮的button对象
callback 回调函数
*/
function selectRow(obj,button,callback){debugger;
var _tr = obj.parentNode.childNodes;
if(_tr.length > 2){
for (var i = 1; i < _tr.length; i++){
var _td = _tr[i].childNodes;
_tr[i].selected = "false";
for (var j = 0; j < _td.length; j++) {
_td[j].bgColor = '#FFFFFF';
}
}
}
obj.selected = "true";
var td = $(obj).find("td");
$.each(td,function(o){
td[o].bgColor = "#FFFFCC";
});
button.value = "修改";
button.onclick = function(){modifyTableValue(obj,button,modifyRow_callback)};
if(callback){callback(td);}
}
//删除表格数据
function delTableData(){
_tr_del = $("#gmgnQueryData tr[selected]");
_tr_del.remove();
}
//某些回调函数和方法因每个人的需求不同，在此就省略了。。