2013-05-30 65 views
0

我有兩個jqgrid。一次只能看到一個。爲此,我嘗試像這樣進行切換。一次只能顯示一個網格。對於電路板網格,它工作正常。但是對於列表網格,這兩個網格都顯示出來。柵格之間的切換問題

.jsp 
<tr valign="top" id="message" style="display: block;" > 
        <td align="left"> 
         <%@ include file="grid1.jsp" %> 
        </td> 
       </tr> 
<tr valign="middle" id="task" style="display: none;" > 
        <td align="left"> 
         <%@ include file="grid2.jsp" %> 
        </td> 
       </tr> 

在java腳本中,我嘗試了使樣式「」或沒有相應的。當我按下一個按鈕 板功能將被稱爲側按鈕升像

<img src="images/board.jpg" onclick="board()"> 

board(){ 
document.getElementById("message").style.display = ""; 
document.getElementById("task").style.display = "none"; 
} 

其他電網將被稱爲llike這

<img src="images/board.jpg" onclick="list()"> 
list(){ 
document.getElementById("message").style.display = "none"; 
document.getElementById("task").style.display = ""; 
} 

但對我來說,頁面初始加載顯示獨自登機。但是當我按下切換按鈕時,它會顯示棋盤和列表。我的代碼有任何錯誤?

+0

爲什麼標記爲jQuery?什麼意思板(){},功能板(){}? document.getElementById(「message」)。style.display =「block」; –

+0

board()是我嘗試隱藏/顯示網格的方法。點擊按鈕調用方法板。在這個時候,只有一個網格應該是可見的。我標記jquery因爲,我試過切換方法,這對我不起作用。 – sahana

回答

0

對於切換,您可以像這樣使用。

這裏是的jsfiddle

JsFiddle

$(thing).toggle(); 

一個jQuery樣品用於切換。