2010-11-18 42 views
0

Saygı Bay/Bayan, kullanmadan Aslında nasıl bir tablo döngü dinamik satır jQuery

benim uygulama veri böylece iam gösteren birçok içerir jsp dinamik içinde forEach döngü kullanarak bir çizgi tahta verileri yerleştirmektir

sadece bir satır ve kalanları gizlemek ve her satır için bir düğme yerleştirmek için düğmeyi tıklarsak bu satırın gizli satırlarını göstermesi gerekir, ancak tüm satırları görüntülemem gerekir. kod burada şimdiden teşekkürler.

function show(btn) 
{ 
    var btn=$(btn); 
    var tbl=btn.parents('table'); 
    var row=btn.parents('tbody'); 
    var next=row.next(); 

    $('tbody.hiddenDiv',tbl).hide(); 
    next.slideDown('fast'); 

} 

Testi keman:

onclick="show(this)" 

Yani ihtiyacınız nesneleri çapraz ve bulmak kolay:

<c:forEach items="${fvaData}" var="fva"> 
<tr> 
<td > 
<input size="30" value="<c:out value="${fva.conIdNumber}"/>"/> 

</td> 

<td > 
<input size="30" value="<c:out value="${fva.flightDate}"/>"/> 
</td> 


<td > 
<input size="30" value="<c:out value="${fva.consigneeCityAirportName}"/>"/> 
</td> 

<td > 

<td align="center" > 
<input type="button" id="Button" value="Populate" name="FTR" onclick="show()";/></td> 

</tr> 
<tbody class="hiddenDiv"> 
<tr><td>Consignment Number</td><td><input size="40" value="<c:out value="${fva.conIdNumber}"/>"/></td> 
<td>Airway Bill</td><td><input size="40" value="<c:out value="${fva.airWayBill}"/>"/></td> 
</tr> 
<tr> 
<td>Flight Number</td><td> <input size="40" value="<c:out value="${fva.fightNumber}"/>"/></td> 
<td>Carrier Code</td><td><input size="40" value="<c:out value="${fva.answerCarrierCode}"/>"/></td> 
</tr> 




</table> 
</c:forEach> 


and my script is as follows 
function show() 
{ 

     $(".hiddenDiv").each(function (i) { 
     if ($(this).is(":hidden")) { 
      $(this).slideDown("fast"); 
     } else { 
      $(this).hide(); 
     } 
     }); 



} 

cevap

İlgili konular