Jq Grid - 모든 격자 표시/숨기기

Question

내 JSP 응용 프로그램에 4 개의 jqgrid가 있습니다. 그들은 addXmlData (messageXML) 메서드를 사용하여 아약스를 통해로드됩니다. 어떻게 그리드 중 3 개를 숨기고 그 중 하나만 표시하고 버튼 클릭에 따라 다른 그리드를 숨기고 표시 할 수 있습니다. 그리드의 내용은 ajax를 통해 사용자의 필요에 따라 업데이트됩니다. 한 번에 하나씩 보여줘야 양식을 망칠 필요가 없습니다.

Answer 1

해결책을 찾았습니다. 진실을 말하기 아주 쉽습니다. div 사이에 tags 테이블을 추가하고 $ ("# divid")를 사용하십시오. hide(); 숨기려면 $ ("# divid"). 보여 주다(); 표시 할 수 있습니다.

코드는 다음과 같습니다.

... 

    <div id="divid"> 
     <table id="listid" class="scroll"> <tr> <td/> </ tr> </ table> 
    </ div> 

... 

<script> 
... 
    $ ("#divid"). hide(); 
    $ ("#divid"). show(); 
... 
</ script>