[JQUERY] 있는 jqGrid GET "일"과 "THEAD"jQuery를 사용하여

있는 jqGrid GET "일"과 "THEAD"jQuery를 사용하여

해결법

1. ---

   1.내 짧은 대답은 : 대신 DOM 요소의 선택의 어떤 대응 <일> 당신이 사용해야 당신이 찾고있는 요소

   내 짧은 대답은 : 대신 DOM 요소의 선택의 어떤 대응 <일> 당신이 사용해야 당신이 찾고있는 요소

   $("#list")[0].grid.headers
   

   또한,이 DOM 요소들의 어레이를 리턴 <제>에 대응한다. 내 대답의 긴 설명은 다음과 같습니다.

   나는 당신의 질문의 이유를 이해합니다. 당신은 예를 들어,있는 jqGrid의 기본 부분으로 정의 된 경우

   <table id="list"></table>
   <div id="pager"></div>
   

   다음 $ ( "# 목록") 헤더없이 그리드의 "데이터"부분 당신에게 <표>를 제공합니다. 테이블의 주 "데이터"부분은 약간의 div의 내부에 배치됩니다. 있는 jqGrid의 다른 요소는 테이블로 된 div에 배치됩니다. 있는 jqGrid (안 전체) 다음과 같은 것이다 모양의 구조 :

   div.ui-jqgrid#gbox_list
     div.ui-jqgrid-view#gview_list
       div.ui-jqgrid-titlebar              - caption
       div.ui-userdata#t_list              - optional top toolbar
       div.ui-jqgrid-toppager#list_toppager - optional top pager
       div.ui-jqgrid-hdiv                  - all grid headers
         div.ui-jqgrid-hbox                - (div.ui-jqgrid-hbox-rtl) if direction:"rtl"
           table.ui-jqgrid-htable
             thead
               tr.ui-jqgrid-labels         - row with column headers (labels)
                 th#list_rn                - optional column header with row numbers
                 th#list_Col1              - column header for the column name:"Col1"
                 ...
                 th#list_level             - optional column header for some other
                                             special columns in case of usage TreeGrid
                                             the hidden columns of TreeGrid are: level,
                                             parent, isLeaf, expanded, loaded, icon
               tr.ui-search-toolbar        - row for toolbar searching
                 th
                 th
                 ...
       div.frozen-div.ui-jqgrid-hdiv       - optional frozen headers
           table.ui-jqgrid-htable          - table with frozen columns headers only
             ...
       div.ui-jqgrid-bdiv                  - div with the main grid data
         div
           table#list                      - table with the main grid data
       div.frozen-bdiv.ui-jqgrid-bdiv      - optional div with the main grid data
         div
           table#list_frozen               - table with the main grid data
       div.ui-userdata#tb_list             - optional bottom toolbar
     div.ui-jqgrid-resize-mark#rs_mlist
     div.ui-jqgrid-pager#pager             - the div with the pager
   

   (그래서 일 #의 list_rn가있는 사실, 첫 번째 열은 이름이 'COL1'을 가지고 있으므로 등등 일 # list_Col1하고있다 여기 표에 나는 rownumbers를 사용)

   당신은 헤더 테이블 table.ui-있는 jqGrid - htable 캔 두 아이가 있다고 볼 수 있습니다 하위 요소 다음 filterToolbar의 열 헤더와 하나 tr.ui 검색 도구 모음에 대해 하나의 tr.ui-있는 jqGrid - 라벨.

   당신을위한 나의 제안이 상대적으로 복잡한 계층 구조를 사용하지만,있는 jqGrid에 존재하는 또 다른 짧은 숨겨진 방법을 사용하지 마십시오. 코드

   var gridDom = $("#list")[0];
   

   당신이 테이블 요소의 요소를 DOM 얻을. 이 요소는있는 jqGrid에 의해 만들어진 몇 가지 중요한 확장자를 갖습니다. 이있는 jqGrid의 모든 매개 변수를 포함 gridDom.p 있습니다. 또 다른 중요한 확장은 중요한 속성 bDiv, cDiv, hDiv, fbDiv, fhDiv, UDIV 또한 COLS, 바닥 글, topDiv 및 헤더 gridDom.grid입니다. 난 당신이 (정확한 행에서) 그리드 열 머리글에서 <일> 요소의 목록을받을 수있는 가장 좋은 방법으로 gridDom.grid.headers의 배열을 사용하는 것이 좋습니다.

2. ---

   2.THEAD와 일이 DOM에 존재하는 경우, 선택할 수 있습니다. 당신은 당신이 뭘 하려는지의 예를 가지고 있습니까?

   THEAD와 일이 DOM에 존재하는 경우, 선택할 수 있습니다. 당신은 당신이 뭘 하려는지의 예를 가지고 있습니까?

3. ---

   3.시험:

   시험:

   jQuery("thead", "#mygrid")
   

from https://stackoverflow.com/questions/3462071/jqgrid-get-th-and-thead-using-jquery by cc-by-sa and MIT license