jsgrid 예제

다음 예제에서는 `이름`이 지정된 항목의 업데이트가 허용됩니다: 다음 예제에서는 보호된 것으로 표시된 항목의 삭제가 취소됩니다. 매개 변수: 1. 문서에 jQuery 라이브러리와 jQuery jsgrid 플러그인의 파일을 포함합니다. 이 예제에서는 Derby testdb 데이터베이스에 있는 CARS 데이터베이스 테이블을 사용합니다. 다음 예제에서는 필수, 범위 및 사용자 지정 기능 유효성 검사기: 콘솔에 메시지를 인쇄하는 것과 유사한 예제에는 개체를 반환하는 함수로 로드 표시기를 구성하는 방법을 보여 주며 이 간단한 예제는 인쇄됩니다. 대신 부하 표시기를 표시하는 콘솔에 메시지 : 타발리나 / jsgrid에서 새로운 릴리스의 알림을 원하십니까? 기본적으로 DirectLoadingStrategy는 항목이 삭제될 때 그리드를 재설정합니다(페이징 및 정렬 재설정). 다음 예제에서는 항목 삭제 시 그리드 재설정을 방지하기 위해 사용자 지정 전략을 만드는 방법을 보여 주며 있습니다. 다음 예제에서는 브라우저 콘솔이 변경되면 브라우저 콘솔의 현재 페이지 인덱스를 인쇄합니다. 웹 페이지에 jsgrid.min.js, jsgrid-theme.min.css 및 jsgrid.min.css 파일을 포함합니다. 다음 예제에서 필드에는 사용자 지정 유효성 검사 함수가 있습니다: 모든 열의 셀 콘텐츠는 itemTemplate, headerTemplate, filterTemplate 및 insertTemplate 함수필드 구성에 지정된 함수로 사용자 지정할 수 있습니다.

이 예제에서는 항목을 선택하기 위한 사용자 지정 필드로 일괄 처리 삭제를 구현하는 방법을 보여 주며 있습니다. 다음 예제에서는 초기화에 대한 그리드 인스턴스를 가져옵니다: 다음 예제에서는 필터에 빈 `name` 필드가 있을 때 로드가 취소됩니다. 이 예제에서는 jQuery UI 정렬 가능한 플러그인을 사용 하 여 구현 하는 방법을 보여 주어 있습니다. 다음 예제에서는 `ID` = 0이 있는 항목에 대한 행 편집이 취소됩니다. 기본적으로 rowClick은 편집이 true인 경우 행 편집을 수행합니다. 호출기 형식을 지정하는 문자열입니다. 기본값은 “페이지: {first} {first} {prev} {다음} {next} {마지막}    {pageIndex}의 {pageCount}” 입니다. . . . 컨트롤러 loadData 메서드는 Ajax를 사용하여 OData 서비스에서 데이터를 요청합니다. 대신 모든 비동기 소스를 사용할 수 있습니다.

컨트롤러 메서드에서 jQuery.promise를 반환하기만 하면 됩니다. 필드 옵션 항목Template는 사용자 정의 셀 콘텐츠를 렌더링 할 수 있습니다, 그냥 문자열로 태그를 반환, DOM 노드 또는 jQuery 요소. 함수는 호출기역할을 하는 문자열, jQueryElement 또는 DomNode로 태그를 반환해야 합니다. 호출기렌더를 지정하면 호출기 Format 옵션이 무시됩니다. . . . . 컨트롤러 작업 실행 중에 로드 표시를 표시할지 여부를 지정하는 부울 값입니다. API 메서드 업데이트Item, insertItem 및 deleteItem을 사용하면 그리드 외부에서 쉽게 편집할 수 있습니다.