您的位置:首页 > Web前端 > JavaScript

表格点击当前行,在其下边展示其子信息列表(即下拉显示数据)

2016-07-28 20:07 801 查看
1、html代码:(主题列表信息)

<td class="aw-url"><a href="javascript:;" onclick="getStockList('${theme.code}','${theme.name}')">${theme.name}</a></td>


2、js代码:(获取该主题下的成分股列表)

//获取成分股
function getStockList(id,name){

var detil_ = $("tr[name=detil_"+id+"]");
if(detil_ && detil_.length>0){
detil_.remove();
return;
}

$.ajax({
url : '@{StockAction.query()}?id='+id+'&name='+name,
type : 'post',
dataType : 'json',
success : function(data) {
var tboty=[];
tboty.push("<tr name=\"detil_"+id+"\">");
tboty.push('<th>股票代码</th>');
tboty.push('<th>股票名称</th>');
tboty.push('<th>开始日期</th>');
tboty.push('<th>结束日期</th>');
tboty.push('<th>关联原因</th>');
tboty.push('<th>状态</th>');
tboty.push('<th>创建者</th>');
tboty.push('<th>添加时间</th>');
tboty.push('<th>修改时间</th></tr>');
for(var i=0;i<data.length;i++){
tboty.push("<tr class='item' name=\"detil_"+id+"\">");
tboty.push('<td>'+data[i].stock_code+'</td>');
tboty.push('<td>'+data[i].stock_name+'</td>');
tboty.push("<td>"+data[i].start_date+"</td>");
tboty.push("<td>"+data[i].end_date+"</td>");
tboty.push("<td>"+data[i].related_reasons+"</td>");
tboty.push("<td>"+data[i].status+"</td>");
tboty.push("<td>"+data[i].account_id+"</td>");
tboty.push("<td>"+data[i].insert_time+"</td>");
tboty.push("<td>"+data[i].update_time+"</td></tr>");
}
$("#trd_"+id).after(tboty.join(''));

},
error: function (data) {
alert("获取异常!");
}
})

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  javascript