easyui datagrid 예제

 Senast ändrad 2 augusti, 2019 kl 06:43
aug 022019
 

이 자습서에서는 데이터베이스에서 데이터를 얻고 datagrid에 표시하는 방법을 보여 드리겠습니다. 그런 다음 사용자가 입력하는 검색어에 따라 결과를 검색하는 방법을 보여 줍니다. 데이터 그리드 열은

태그에 정의되고 데이터는

태그에 정의됩니다. 모든 데이터 열에 대한 필드 이름을 설정하려면 아래 예제:

태그를 통해 데이터 그리드 만들기를 참조하세요. 중첩된

태그는 테이블의 열을 정의합니다. 뷰는 datagrid에서 행을 렌더링하는 방법을 알려주는 개체입니다. 개체는 다음 함수를 정의해야 합니다. 원격 서버에서 데이터를 로드하려면 서버가 JSON 형식 데이터를 반환하는 `url`을 설정해야 합니다. 데이터 형식에 대한 자세한 내용은 데이터 그리드 문서를 참조하십시오. 이 예제에서는 서버에서 데이터를 로드하는 방법과 데이터 그리드에 페이지 매김을 추가하는 방법을 보여 주며, 이 예제에서는 데이터를 로드하는 방법을 보여 주며, 이 예제에서는 데이터 그리드에 페이지 매김을 추가하는 방법을 보여 주며, 이 예제에서는 서버에서 데이터를 로드하는 방법을 보여 주며, 이 예제에서는 데이터 그리드에 기존 테이블 요소에서 데이터 그리드를 만들어 열, 행 및 데이터를 html로 정의합니다. 데이터 그리드는 데이터를 테이블 형식으로 표시하고 데이터를 선택, 정렬, 그룹 화 및 편집할 수 있는 풍부한 지원을 제공합니다. 데이터 그리드는 개발 시간을 줄이고 개발자의 특정 지식이 필요하지 않도록 설계되었습니다. 페더급과 풍요로운 특징이 있습니다.

셀 병합, 다중 열 헤더, 고정 된 열 및 바닥글은 몇 가지 기능입니다. $.fn.panel.defaults에서 확장합니다. $.fn.datagrid.defaults로 기본값을 재정의합니다. 예를 들어 텍스트 편집기는 다음과 같이 정의됩니다. 다음 예제에서는 easyui DataGrid에서 열의 서식을 지정하고 가격이 20보다 작은 경우 사용자 지정 열 formatter를 사용하여 텍스트를 빨간색으로 채색합니다. 속성은 패널에서 확장됩니다. 다음은 데이터 그리드에 대한 추가 된 속성입니다. 위의 코드는 새 데이터 그리드 데이터를 로드하기 위해 `load` 메서드라고 합니다. `itemid` 및 `productid` 매개 변수를 서버에 전달해야 합니다. 페이징 기능을 사용하여 데이터 그리드를 만든 다음 도구 모음을 추가합니다. 데이터 그리드 열을 정의하고 `페이지 표시` 속성을 true로 설정하여 데이터 그리드 하단에 페이지 바표시됩니다를 생성합니다. 페이지 페이지는 서버에 두 개의 매개 변수를 전송합니다: 이제 복잡한 헤더 테이블이 만들어지는 것을 볼 수 있습니다.

. 물론 다음과 같은 복잡한 테이블 헤더를 정의할 수 있습니다. 요소 배열의 요소는 모든 열 필드를 정의하는 구성 개체입니다. `listprice` 필드에는 형식 함수를 나타내는 `formatter` 특성이 있습니다. 데이터를 서버로 변경한 후 전면 데이터를 새로 고칩니다. . 사용자가 검색 값을 입력하고 검색 버튼을 누르면 `doSearch` 함수가 호출됩니다: DataGrid 열을 포맷하려면 함수인 formatter 속성을 설정해야 합니다. 형식 함수에는 세 가지 매개 변수가 포함되어 있습니다.

Tyvärr, det är nu stängt för kommentarer här.

© 2011 Radiostyrd Bilsport Suffusion theme by Sayontan Sinha