>  기사  >  웹 프론트엔드  >  jqgrid 편집 및 함수 추가에 대한 상세 분석_jquery

jqgrid 편집 및 함수 추가에 대한 상세 분석_jquery

WBOY
WBOY원래의
2016-05-16 17:16:511131검색

ColModel은 jqGrid에서 테이블 컬럼의 속성을 설정하는 가장 중요한 속성입니다.

사용법:

Java 코드:

코드 복사 코드는 다음과 같습니다.

jQuery(" #gridid" ).jqGrid({
...
colModel: [ {name:'name1', index:'index1'...}, {...}, ... ],
..
});

속성 데이터 유형 비고 기본값
align string 셀 정렬을 정의합니다. :왼쪽, 가운데, 왼쪽
classes string 열의 CSS를 설정합니다. 여러 클래스를 공백으로 구분합니다(예: 'class1 class2'). 테이블의 기본 CSS 속성은 날짜 열의 형식을 지정하기 위한 ui-ellipsis 빈 문자열
datefmt 문자열입니다. "/", "-" 및 "."은 모두 유효한 날짜 구분 기호입니다. y,Y,yyyy 년 YY, yy 월 m,mm ISO 날짜(Y-m-d)
defval string 필드의 기본값 쿼리 비어 있음
editable boolean 셀 편집 가능 여부 false
editoptions array 열 편집 시 설정되는 일부 속성 비어 있는 배열
editrules array 편집 가능한 셀에 대한 일부 추가 속성 설정 비어 있는 배열
edittype string 편집할 수 있는 유형입니다. 선택 값: 텍스트, 텍스트 영역, 선택, 체크박스, 비밀번호, 버튼, 이미지 및 파일 텍스트
fixed boolean 열 너비를 고정하고 변경할 수 있는지 여부 false
formoptions array 양식 편집 시 속성 설정 비어 있음
formatoptions 배열 특정 열의 형식 지정을 위한 설정 없음
formatter 혼합 열 형식 지정 시 함수 이름 또는 유형 설정 없음
hidedlg boolean 이 열을 표시하거나 숨길지 여부 false
hidden boolean 초기화 중 열을 구성할 때 이 열을 숨길지 여부 table false
index string 정렬 시 정렬 필드 이름의 인덱스를 정의하며 매개변수 이름은 sidx 빈 문자열
jsonmap string은 반환된 json 데이터 매핑을 정의합니다. none
key boolean 서버에서 없을 때 클라이언트가 반환한 데이터의 id는 이 값을 유일한 rowid로 사용합니다. 기본적으로 id 속성은 하나만 있을 수 있습니다. false
label string colNames가 비어 있으면 이 값을 열의 표시 이름으로 사용합니다. 설정되면 이름 값 사용 없음
name string 필수, 테이블 열 이름, 모든 키워드, 예약어는 서브그리드, cb, rn을 포함한 이름으로 사용할 수 없습니다. 필수
resizing boolean 크기 조정 가능 여부 true
search boolean 검색 모드에서 이 열을 검색 열로 사용할 수 있는지 정의합니다. true
searchoptions array 검색 매개변수 설정 비어 있음
sortable boolean 정렬 가능 여부 true
sorttype string 데이터 유형이 로컬일 때 사용됩니다. 검색 열 유형 정의, 선택 값: int/integer - 정수 부동 소수점/숫자/통화 정렬 - 숫자 정렬 날짜 - 날짜 텍스트 정렬 - 텍스트 텍스트 정렬
stype string 검색 요소 텍스트 유형 정의
surl 문자열 언제 데이터 검색 url 빈 문자열
width number 기본 열 너비, 백분율이 아닌 픽셀 값만 가능 150
xmlmap 문자열 현재 열과 반환된 xml 데이터 간의 매핑 관계 정의 없음
unformat 함수 ' unformat '셀 값 null

소스코드에

을 추가합니다. 코드는 입니다.

editurl:'index.php?do=do_edit',
addurl:'index.php?do=do_add',
데이터 유형: 'xml',
mtype: 'GET' ,
colNames:['ID', '작업 이름', '클래스'
colModel:[
:100,align:'center ',searchoptions:{sopt:['eq','ne' ,'lt','le','gt','ge']}},
{name:'taskname', index:'taskname' , width:100, align:'center',editable:true} ,
{name:'classid', index:'classid', width:100, align:'center',editable:true,edittype:'select ',editoptions: {
value: '1 : 거래 2: 비거래'},editselected:'classid'
},

                                                                                                             ~                                      ],


검색

eq는 ( = )과 같습니다.
ne는 ( <> )와 같지 않습니다.
lt는 ( < )보다 작습니다.
le은 보다 작거나 같음( <= )
gt가 보다 큼( > )
ge가 보다 크거나 같음( >= )
bw가 ( LIKE val% )로 시작함
bn은 다음으로 시작하지 않습니다( not like val%)
in이 포함됩니다( in ())
ni not in( not in ())
ew는 (LIKE %val )으로 끝납니다
en은 합니다
cn 포함(LIKE %val% )
nc 포함
으로 끝나지 않음

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.