jqgrid formatter 예제

무료 jqGrid는 결과를 사용자 정의 할 수 있습니다. 예를 들어 다음 CSS 규칙을 추가하여 포터터는 편집 옵션에서 여러 옵션을 지원하므로 이 옵션이 설정되면 여러 값이 쉼표로 구분됩니다. 안녕하세요, 어떻게 그 formatter에서 다른 열의 값을 얻을 수 있습니다. 날짜 형식의 정의는 PHP 날짜 서식을 사용 하 여 미리 정의 된 날짜 형식의 집합을 사용할 수 있습니다-기본 날짜 서식 집합에서 마스크 옵션을 참조 합니다. 이 경우 마스크를 옵션으로 설정할 필요가 없습니다. 아래 의 예제를 참조하십시오 우리는 포물질의 세부 사항을 포함 : “날짜”와 포터터 : 그냥 미리 정의 된 포터의 예로 “선택”. 모든 포맷터는 형식옵션으로 지정할 수 있는 고유한 특정 옵션을 지원합니다. 일반적으로 함께 사용되는 몇 가지 일반적인 열 속성 집합이 있습니다. 예를 들어 매우 일반적인 설정은 formatter: “번호”, 정렬: “오른쪽”, sorttype: “번호” 입력 데이터로 사용 번호의 경우. 속성 템플릿: “번호”는 모든 옵션(및 검색 및 편집에 사용되는 다른 옵션)을 한 번에 지정할 수 있는 바로 가기입니다. 우리는 열 금액, 금액 및 합계에 대한 템플릿을 사용합니다.

다음과 같은 jqgrid와 jqueryUI DatePicker를 사용할 수 있습니다: { 정렬을 지정하는 jqGrid의 두 가지 주요 옵션이 있습니다: 정렬 이름 및 정렬 순서. sortname의 기본값은 빈 문자열이며, 이는 그리드가 정렬되지 않은 상태에서 표시된다는 것을 의미합니다. 이는 행의 순서가 입력 데이터의 항목 배열에 있는 항목의 순서와 일치한다는 것을 의미합니다. sortname(예: sortname: “invdate”)을 지정하면 그리드는 먼저 입력 데이터의 속성 invdate를 비교하는 데이터를 정렬합니다. 기본적으로 속성의 값은 문자열로 비교됩니다. “2015-10-31″과 같은 ISO 날짜 형식을 사용하면 충분하지만 일반적인 경우에는 잘못될 수 있습니다. 문자열비교는 기본적으로 대/소문자를 구분하지 않지만 사용 무시대문자: false 옵션에 의해 behafior를 변경할 수 있습니다. 기본 정렬 유형인 “text”를 변경하는 미리 정의된 값(“정수”, “숫자” 및 “날짜”)의 열 정렬 유형에 포함할 수 있습니다.

sorttype을 함수로 정의하거나 콜백 함수 sortfunc를 지정하여 항목 비교를 최대한 제어할 수 있습니다. 이것은 이전 질문의 거의 연속입니다. 동적 열 바인딩 예를 들어 jqgrid를 보여주는 문제 . 질문 테이블이 있습니다. 그리고 나는 이와 같은 링크 포물질을 만들었습니다. colModel: [{ 이름: “staffCode”, 인덱스: “staff_code”, 편집 가능:true, 포맷터: 함수(셀값, 옵션, rowObject) { 반환 “[+rowObject.staffCode+”] ” + rowObject.staffName; }, unformat:function(셀값, 옵션, 셀){ 반환 셀값.분할(`[“]][1].split(`]`]]][0]; } } formatter 함수에서 rowObject의 두 매개 변수를 사용 하 고 형식 이 없는 함수를 설정 했습니다. 그러나 restoreRow 후 여전히 잘못있어,셀값은 `[A001]bob`에서 `[A001] 정의되지 않은`coz 새 rowObject는 `staffCode`라는 매개 변수를 가지고 있었습니다 (크롬 F12 모드에서 발견). 이 포matter는 암호 문자열을 입력으로 사용하며 출력은 원래와 동일한 길이의 문자열이지만 마스크된 문자(예: 별표)가 있는 문자열입니다. 사용자 지정 형식/형식 취소 함수를 여러 위치에서 코드에 사용하려는 경우가 있습니다. 물론 이것은 위의 예로 함수를 정의 할 수 있습니다. 우리는 formatter 모듈을 설계하여 개발자로부터 쉽게 확장 할 수 있도록 하여 개발 프로세스를 쉽게 만듭니다.

아래에서는 사용자 고유의 formatter 함수를 코드에 모두 표시하도록 만드는 방법에 대해 설명합니다. jqGrid Java Script 파일을 로드한 후 스크립트 태그에서 다음(또는 사용자 고유의 파일을 만들고 헤드 섹션에 포함)으로 정의할 수 있습니다.