jqgrid 예제

정렬을 지정하는 jqGrid에는 정렬 이름과 정렬 순서의 두 가지 주요 옵션이 있습니다. sortname의 기본값은 빈 문자열이며, 이는 그리드가 정렬되지 않은 상태에서 표시된다는 것을 의미합니다. 이는 행의 순서가 입력 데이터의 항목 배열에 있는 항목의 순서와 일치한다는 것을 의미합니다. sortname(예: sortname: “invdate”)을 지정하면 그리드는 먼저 입력 데이터의 속성 invdate를 비교하는 데이터를 정렬합니다. 기본적으로 속성의 값은 문자열로 비교됩니다. “2015-10-31″과 같은 ISO 날짜 형식을 사용하면 충분하지만 일반적인 경우에는 잘못될 수 있습니다. 문자열비교는 기본적으로 대/소문자를 구분하지 않지만 사용 무시대문자: false 옵션에 의해 behafior를 변경할 수 있습니다. 기본 정렬 유형인 “text”를 변경하는 미리 정의된 값(“정수”, “숫자” 및 “날짜”)의 열 정렬 유형에 포함할 수 있습니다. sorttype을 함수로 정의하거나 콜백 함수 sortfunc를 지정하여 항목 비교를 최대한 제어할 수 있습니다. 우리는 포물질의 세부 사항을 포함 : “날짜”와 포터 : 그냥 미리 정의 된 포물질의 예로 “선택”. 모든 포맷터는 형식옵션으로 지정할 수 있는 고유한 특정 옵션을 지원합니다. 일반적으로 함께 사용되는 몇 가지 일반적인 열 속성 집합이 있습니다.

예를 들어 매우 일반적인 설정은 formatter: “번호”, 정렬: “오른쪽”, sorttype: “번호” 입력 데이터로 사용 번호의 경우. 속성 템플릿: “번호”는 모든 옵션(및 검색 및 편집에 사용되는 다른 옵션)을 한 번에 지정할 수 있는 바로 가기입니다. 우리는 열 금액, 금액 및 합계에 대한 템플릿을 사용합니다. invdate 열의 입력 데이터에는 ISO 8601 형식의 날짜(예: “2015-10-31”)가 포함됩니다. 형식 옵션에는 2015년 10월 31일자로 표시되는 데이터의 형식을 지정하는 “d-M-Y”라는 새 형식이 포함되어 있습니다. newformat의 값은 PHP에서 날짜의 서식을 지정합니다(여기 참조). 속성 형식 옵션을 제거하는 경우: {newformat: “d-M-Y” } 사용 기본 en-US 로캘의 경우 2015년 10월 31일 또는 독일 locale grid.locale.locale-de.min.js를 포함하는 경우 날짜가 2015년 10월 31일로 표시됩니다. 로캘 파일은 날짜의 기본 형식을 지정하지만 formatoptions.newformat을 사용하여 열을 선호하는 다른 형식으로 날짜를 표시할 수 있습니다. 그런데 ISO 8601은 formatter에서 사용하는 청각 적 입력 형식입니다 : “날짜”, 그러나 하나는 입력 데이터가 다른 입력 형식을 포함하는 경우 데이터를 올바르게 처리 할 수 있도록 formatoptions의 srcformat 속성을 사용할 수 있습니다. 예를 들어 형식 옵션을 사용할 수 있습니다.

{ srcformat: {srcformat: “u1000”, newformat: “d.m.Y H:i:s” } 형식 24.12.2015 12:27:31에서 타임스탬프 14509564519996을 디코딩합니다. 포맷터는 열에 표시된 데이터의 프프매트를 변경합니다. 속성 정렬 유형: “날짜”는 텍스트를 비교하는 대신 날짜별로 열을 포함하도록 jqGrid에 알립니다. 무료 jqGrid는 결과를 사용자 정의 할 수 있습니다. 예를 들어 다음과 같은 CSS 규칙을 추가하면 위의 예제의 코드는 이전 예제와 거의 동일합니다. 다음과 같은 변경 사항이 있습니다 : 무료 jqGrid는 jQuery 플러그인으로 구현, 우리의 플러그인은 스타일링jQuery UI CSS 또는 부트 스트랩 CSS를 사용합니다. 따라서 해당 자바 스크립트 및 CSS 파일을 포함해야합니다. 두 번째 기본 사항, 하나는 알아야 한다, 무료 jqGrid 내부적으로 HTML

사용 하는 사실.