jqGrid는 다양한 옵션 설정을 제공합니다. 개발자는 옵션의 해당 값을 설정하여 jqGrid를 제어할 수 있습니다. 예를 들어 테이블의 너비, 높이, 데이터 유형, 열 이름 등이 모두 있습니다. 옵션 설정을 통해 완료되었습니다. jqGrid의 옵션은 일반적으로 name:value(name:value) 형태로 되어 있으며, 객체(object), 배열(array) 형태로도 구성할 수 있다.
jqGrid 옵션(옵션)
jqGrid를 호출하려면 다음 코드만 실행하면 됩니다.
jQuery("#grid_id").jqGrid(options);options는 jqGrid의 옵션 설정으로, 다음 표를 참고하세요.
| 속성 | 유형 | 설명 | 기본값 |
| ajaxGridOptions | 객체 | 이 항목은 테이블 설정이 데이터를 얻을 때 ajax의 전역 속성을 설정하는 데 사용됩니다. 이 항목은 현재의 모든 ajax 설정(오류, 완료 및 beforeSend 이벤트 포함)을 재정의할 수 있습니다. | 비어 있음 |
| ajaxSelectOptions | 객체 | 이 항목은 editoptions 또는 searchoptions 객체에서 dataUrl을 통해 요소를 선택할 때 ajax의 전역 속성을 설정하는 데 사용됩니다. | 비어 있음 |
| 대체클래스 | 문자열 | 교대 행에 대한 클래스입니다.이는 altRows가 true로 설정된 경우에만 유효합니다. | UI 우선순위-보조 |
| altRows | 부울 | 교대 행 테이블로 설정 | 거짓 |
| 자동 인코딩 | 부울 | true로 설정하면 서버의 데이터와 제출된 데이터를 인코딩합니다. 예를 들어 <는 < | 로 변환됩니다.거짓 |
| 자동 너비 | 부울 | true로 설정하면 테이블 너비가 상위 요소의 너비와 자동으로 일치합니다. 이 일치는 테이블이 생성될 때만 수행됩니다. 상위 요소의 너비가 변경될 때 테이블이 변경되도록 하려면 setGridWidth 메소드 | 를 사용할 수 있습니다.거짓 |
| 캡션 | 문자열 | 테이블 제목입니다. 헤더에 표시됩니다. 비어 있으면 표시되지 않습니다. | 비어 있음 |
| 셀 레이아웃 | 정수 | 이 속성은 셀의 패딩 테두리 너비를 결정합니다. 일반적으로 이 속성은 수정되지 않지만, 테이블의 CSS에서 td 요소가 변경되면 이 속성을 수정해야 합니다. 기본값 5는 paddingLef(2) paddingRight(2) borderLeft(1)=5 | 를 의미합니다.5 |
| 셀편집 | 부울 | 셀 편집 허용 여부. | 거짓 |
| 셀 제출 | 문자열 | 셀 내용이 원격 또는 clientArray에 저장되어 있는지 확인하세요. | '원격' |
| 셀URL | 문자열 | 셀에 저장된 URL입니다. | 널 |
| colModel | 배열 | 열 매개변수 배열에 대해 설명합니다. 이는 테이블에서 가장 중요한 부분입니다. 자세한 내용은 colModel API. | 를 참조하세요.널 |
| 열 이름 | 배열[] | 열 이름 배열. 이 이름은 헤더에 표시됩니다. 이름은 쉼표로 구분되며 그 수는 colModel 배열의 수와 동일해야 합니다 | 비어 있음 |
| 데이터 | 배열 | 로컬 데이터를 배열 형태로 저장합니다. | 비어 있음 |
| 데이터 문자열 | 문자열 | 데이터 유형이 xmlstring 또는 jsonstring으로 설정된 경우 데이터 문자열입니다. | 널 |
| 데이터 유형 | 문자열 | 테이블에서 얻으려는 데이터 유형을 정의하세요. 유효한 값은 다음과 같습니다. XML —xml 데이터 xmlstring—xml 문자열 json—JSON 데이터 jsonstring—JSON 문자열 로컬—클라이언트 데이터(배열) javascript—자바스크립트 데이터 함수 - 함수가 데이터를 반환합니다 |
xml |
| 정렬 후 선택 취소 | 부울 | 데이터 유형이 로컬인 경우에만 적용 가능합니다. 정렬이 적용될 때 현재 선택된 행의 선택을 취소합니다. | 그렇습니다 |
| 방향 | 문자열 | 표에 쓰는 방향."ltr" 왼쪽에서 오른쪽으로(기본값), "rtl" 오른쪽에서 왼쪽으로 | lt |
| URL 편집 | 문자열 | 인라인 편집 주소 URL 정의 | 널 |
| 빈 기록 | 문자열 | 반품(또는 현재)수량이 0일 때 표시되는 정보입니다. viewrecords가 true로 설정된 경우에만 유효합니다. | |
| ExpandColClick | 부울 | true인 경우 클릭하여 행의 텍스트를 확장하면 treeGrid가 확장되거나 축소됩니다 | 그렇습니다 |
| 열 확장 | 문자열 | treeGrid를 확장하는 데 사용되는 열(이름은 colModel에서 가져옴)을 지정합니다. 설정하지 않으면 첫 번째 열이 사용됩니다.이 항목은 treeGrid가 true인 경우에만 유효합니다. | 널 |
| 바닥글 | 부울 | true로 설정하면 colModel과 동일한 열 수로 테이블 바닥글 행이 생성됩니다 | 거짓 |
| forceFit | 부울 | true로 설정하고 열 너비를 변경하면 인접한 열도 전체 테이블에 맞게 조정되며 가로 스크롤 막대가 나타나지 않습니다. | 거짓 |
| 그리드스테이트 | 문자열 | 테이블 현황입니다. 표시되거나 숨겨집니다 | 표시 |
| 그리드뷰 | 부울 | true로 설정하면 표시 속도가 5~10배 증가합니다.하지만 더 이상 treeGrid, subGrid 또는 afterInsertRow 이벤트를 사용할 수 없습니다 | 거짓 |
| 그룹화 | 부울 | 테이블 그룹 설정 여부 | 거짓 |
| 키 | 혼합 | 테이블 높이. 값, 백분율 또는 자동일 수 있습니다 | 150 |
| 히든그리드 | 부울 | true로 설정하면 테이블이 숨겨지기 시작하고 데이터가 로드되지 않으며 제목만 표시됩니다. 테이블을 표시하기 위해 처음 표시/숨기기 버튼을 클릭하면 서버에서 데이터가 로드됩니다. | 거짓 |
| 하이드그리드 | 부울 | 표시/숨기기 버튼을 사용할 수 있는지 여부입니다. 제목이 비어 있지 않은 경우에만 사용할 수 있습니다. | 그렇습니다 |
| 호버로우 | 부울 | 테이블 행에 마우스 오버 효과가 있는지 여부 | 그렇습니다 |
| jsonReader | 배열 | JSON 데이터 구조 배열 | |
| 마지막 페이지 | 정수 | 요청에 의해 반환된 총 페이지 수 | 0 |
| 마지막 정렬 | 정수 | 정렬용 열 번호(0부터 시작) | 0 |
| 한 번만 로드 | 부울 | true로 설정하면 테이블은 (적절한 데이터 유형을 사용하여) 한 번만 서버 데이터를 읽습니다. 그 후 데이터 유형은 자동으로 로컬로 변경되고 모든 추가 작업은 클라이언트에서 수행되며 호출기 기능(존재하는 경우) )이 비활성화됩니다. | 거짓 |
| 텍스트 로드 | 문자열 | 데이터를 요청하고 정렬할 때 표시되는 텍스트 | 로드 중… |
| loadui | 문자열 | Ajax 프로세스가 진행 중일 때 동작을 제어하는 항목입니다. 비활성화 - jqGrid의 프로세스 지침을 취소할 수 있습니다. 활성화(기본값) - 로드가 테이블 중앙에 표시됩니다. 블록 - 데이터 로드가 완료될 때까지 페이지의 모든 기능을 비활성화하는 "로드 중" 메시지를 표시합니다. | 활성화 |
| 엠타입 | 문자열 | 제출 유형 POST 또는 GET 정의 | 받기 |
| 멀티키 | 문자열 | 이 속성은 다중 선택이 true인 경우에만 유효합니다. 선택 값은 ShiftKey, altKey, ctrlKey | 입니다.비어 있음 |
| 멀티박스 전용 | 부울 | 이 속성은 multiselect가 true인 경우에만 유효합니다. Multiboxonly가 true로 설정된 경우, 다른 열을 클릭하면 현재 행의 선택이 지워집니다. | false |
| multiselect | boolean | 此属性设为true时启用多行选择，出现复选框 | false |
| multiselectWidth | integer | 若multiselect 为true时，定义多选列的宽度。 | 20 |
| page | integer | 设置请求初始页的数量，此参数通过URL从服务器接受数据 | 1 |
| pager | mixed | 定义分页浏览导航条。必须是一个HTML元素，如 | 空 |
| ポケベル | 文字列 | テーブル参照ナビゲーション バーの位置を定義します。デフォルトでは、ページ番号、ナビゲーション ボタン、レコード情報の 3 つの部分で構成されるナビゲーション バーが作成されます。 | 中央 |
| pgbuttons | ブール値 | ナビゲーションがアクティブになったときにナビゲーション ボタンを表示するかどうかを定義します。 | 本当 |
| pginput | ブール値 | ナビゲーション バーにページ番号入力ボックスがあるかどうかを定義します。 | 本当 |
| pgtext | 文字列 | 現在のページ情報。最初の量は現在のページであり、2 番目の量は総ページ数です。 | |
| prmNames | 配列 | デフォルトでは、prmNames: { page: "page"、rows: "rows"、sort: "sidx"、order: "sord"、search: "_search"、nd: "nd"、npage:null} 送信先POST モードのサーバーの場合、フィールドは、page、rows、sidx、sord、search、nd です。たとえば、sidx を mysort に変更する場合は、次のように記述できます。prmNames: {sort: “mysort”}ちなみに、サーバーに送信される文字列は次のようになります。 page=1&rows=10&mysort=myindex&sord=asc 一部のパラメーターが null に設定されている場合、これらのパラメーターはサーバーに送信されなくなります。たとえば、prmNames: { nd:null} の場合、nd パラメータは送信されません。 Npage パラメーターについては、スクロール オプションを参照してください。 | なし |
| 投稿データ | 配列 | この配列は URL に直接渡すことができます。この配列は、{name1:value1…} の形式にすることができます。 | 空 |
| 再集計 | 整数 | 読み取り専用属性。テーブルに表示される行数を定義します。レコードと混同しないでください。 | 0 |
| 記録 | 文字列 | ページ上の情報を記録する位置を定義します。左、中央、右のいずれかになります。 | そうです |
| 記録 | オブジェクト | 行を交互に配置するためのクラス | 本当 |
| レコード | 整数 | 読み取り専用属性。リクエストから取得するレコードの数を定義します | なし |
| レコードテキスト | 文字列 | ページ上に表示できるプロンプト情報は、こちら |
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
