1

2つのdisplaytagが表示されます。displaytag1のshowdetailsをクリックしたときに、displaytag1の下にdisplaytag2を表示するにはどうすればよいですか。最初はdisplaytag2を非表示にする必要があります...javascriptを使用する必要がありますか？

表示タグ1

<display:table name="List" export="true" class="displaytag"   sort="list"  >
                <display:setProperty name="basic.empty.showtable" value="true" />
                <display:setProperty name="basic.msg.empty_list" value="-" ></display:setProperty>
                <display:column  property="occid" title="ID" ></display:column>
                <display:column  property="firstName" title="First Name" ></display:column>
                <display:column  property="lastName" title="Last Name"   ></display:column>
                <display:column  property="sonOf" title="Father's Name"  ></display:column>
                <display:column  property="district" title="District"  ></display:column>
                <display:column  property="village" title="Village"  ></display:column>
                <display:column  href="" title="Acceptance Form">
                    <a href="">Show Details</a>
                </display:column>
                <display:column  href="" title="Agreement Form">
                    <a href="">Show Details</a>
                </display:column>
            </display:table>

表示タグ2

    <display:table name="List1" export="true" class="displaytag"  id="reservationlist"  sort="list" >
                <display:setProperty name="basic.empty.showtable" value="true" />

                <display:column  property="resid" title="Reservation ID" ></display:column>
                <display:column  property="date" title="Date" ></display:column>
                <display:column  property="weight" title="Weight"   ></display:column>
                <display:column  property="bags" title="Bags"  ></display:column>
                <display:column  property="amount" title="Amount"  ></display:column>
                <display:column  property="advance" title="Advance"  ></display:column>

            </display:table>
4

1 に答える 1

1

JQueryを使用して、次のコマンドを呼び出すことができます。

$("[name=List1]").show();

また

$("#reservationlist").show();

アップデート

javascriptを使用する場合は、次のことができます。

document.getElementById("reservationlist").style.display="block";

UPDATE2 テーブルを非表示にするには、

$("#reservationlist").hide();

また

document.getElementById("reservationlist").style.display="none";
于 2013-03-11T13:34:44.570 に答える