jquery 그리드 예제

옵션 행 번호: true는 행 번호가 있는 추가 열을 만듭니다. 입력 데이터는 먼저 최신 날짜를 표시 하는 invdate 열에 의해 정렬 됩니다. 이러한 동작은 옵션 정렬 이름인 “invdate” 및 정렬 순서: “desc”에 의해 정의됩니다. 캡션 옵션은 표 제목에 있는 텍스트를 정의합니다. 기본적으로 제목에는 그리드를 축소/확장할 수 있는 버튼이 포함되어 있습니다. 단추를 갖고 싶지 않은 경우 추가 옵션 hidegrid: false를 포함해야 합니다. 그것은 jqGrid의 주요 원칙입니다. 기본 동작을 사용자 지정할 수 있는 많은 옵션이 포함되어 있습니다. 따라서 당신이 좋아하지 않는 그리드의 일부 요소가 표시되면 아마도 요소를 제거하거나 동작을 변경할 수있는 추가 옵션이 있을 것입니다. 기본적으로 열 헤더를 클릭하면 정렬 열이 변경되거나 정렬 순서가 반전됩니다. 세StateSort의 사용 : true는 열 헤더를 3-d 클릭하면 그리드가 정렬되지 않도록 동작을 변경합니다. 다음 그리드에서 정렬의 3 상태 동작을 시도할 수 있습니다., 어디 우리가 추가 옵션 sortIconsBeforeText: true, 열 헤더의 텍스트 앞에 정렬 아이콘을 배치.

열 너비가 너무 작아서 컬럼 헤더의 텍스트가 코팅 아이콘과 함께 전체표시되지 않더라도 정렬 아이콘을 표시하는 것을 선호하는 경우 실용적일 수 있습니다. 옵션 toppager: true는 그리드 위에 호출기를 추가하고 옵션 호출기: true는 하단 호출기 및 rowNum을 추가합니다: 5는 페이지에 크기를 지정합니다. 추가 뷰레코드( true 옵션을 사용하여 호출기의 오른쪽 부분에 페이지 상태를 표시)를 사용할 수 있습니다. 하나는 페이지를 사용할 수 있습니다: 2 처음에 표시 된 페이지 번호를 지정: 하나는 그리드의 모든 내부를 알 필요가 없습니다., 하지만 몇 가지 기본 사실을 이해 하는 것이 중요 하다: 위의 코드는 iconSet을 사용 하 여: “fontAwesome” 글꼴 Awesome.awesome.min.css 포함 또한 이전 예제에 포함된 CSS에 추가됩니다. 아래에서 결과 그리드를 볼 수 있습니다: 조작과 같은 더 많은 예제가 곧 올 것입니다. 숙련 된 개발자를 위해 나는 기능이 풍부하고 유연한 jQuery Bootgrid가 얼마나 코드에서 보는 것이 좋습니다. 여기에 는 작은 기능 집합만 표시됩니다. 이 섹션에서는 jqgrid가 무엇이며 개발자가 jqgrid를 사용하는 이유에 대한 개요를 제공합니다. column ship_via의 입력 데이터에는 값 “FE”, “TN” 또는 “DH”가 포함됩니다.

값은 형식 옵션의 값 속성을 기반으로 “페덱스”, “TNT” 또는 “DHL”로 표시됩니다.

Posted in Uncategorized.