2017-04-16 12 views
1

長い時間リスナー、初めて発信者..私はjQueryを使ってひどいよASP:;、ページのロード時に隠された

を表、主要行の下にすべての行を作る、(tr.CssClass =「rowEntry」でindcated)だから私と一緒に耐える、これは知っている人のための迅速な答えになるはずです。

プログラムで作成されたasp:tableがあり、トップレベルの行がtr.CssClass = "rowEntry"に設定されています。

私は成功し、私は隠したい二行切り替わり、それ以下のようなAJAXトグルがあります。今

$(document).ready(function() { 

     $(".rowEntry").click(function() { 
      $(this).next().toggle(300); 
      $(this).next().next().toggle(300); 

     }); 
    }); 

</script> 

、私はこれらの行は、ページから隠されるように設定しますどのように質問..を負荷?詳細行にCSSを設定した場合。 .rowDetails td {display:none; } - それらは隠されていて、私はそれらをオンまたはオフに切り替えることができません。事前に

おかげで..

答えて

0

toggleは、彼らが最初にdisplay:none;に設定されている場合でも要素で正常に動作する必要があります。しかし、CSSが<td>要素を隠しているようですが、toggle()が1つ以上の<tr>要素で呼び出されています。 CSSを、トグルされている要素(この場合はセルではなく行)に適用する必要があります。例えば、

.rowDetails { display: none; }

ではなく

.rowDetails td { display: none; }

+0

ブリリアント!..はい.. CSSは私の弱点です。 多くの感謝! – Milnelli

+0

補足質問が歓迎されているかどうか分かりませんが、どうしようもありません:) 私は行の切り替え機能(その下の2行分)を示しています行が展開されたら上向き矢印のためにスワップして、折りたたむことができることを示します。 私は現在、プログラムで生成されたセル内に画像の宣言として矢印を表示しています。つまり、 td0.Text = ""; この画像を切り替える好きな方法は何ですか? ありがとうございます。 – Milnelli

+0

確かに!これを行う方法はいくつかありますが、既に 'toggle'を使っているので、' td0.Text'の値に2番目の画像( 'assapseTriangle1.gif'という名前)を含めることができます: 'td0.Text =" "'ご覧のとおり、デフォルトでは隠されています。そして、あなたのJavaScriptの '$(this)).next()。next()。toggle(300);' try: '$( 'td:first img'、$(this))。このjQueryは、クリックされた行の最初の「​​」にあるすべての「」を切り替えます。 – nb1987

関連する問題