https://github.com/bbonkr/jquery.datagrid

jquery plugin
https://github.com/bbonkr/jquery.datagrid

Last synced: 25 days ago
JSON representation

jquery plugin

• Host: GitHub
• URL: https://github.com/bbonkr/jquery.datagrid
• Owner: bbonkr
• License: mit
• Created: 2015-07-09T10:10:08.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2015-07-09T13:02:27.000Z (over 9 years ago)
• Last Synced: 2024-04-09T21:56:06.878Z (7 months ago)
• Language: JavaScript
• Homepage:
• Size: 133 KB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# jquery.datagrid

## Usage

```javascript

$('#datagrid').datagrid(option);

```

### option definition

|Name|Type|Required|Default Vaue|Remark|

|-

|url|String|Required||데이터 서비스 경로 text/json 데이터를 사용|

|columns|Array|Required||열 정의(column type)를 배열로 입력합니다.|

|tableId|String|||datagrid를 출력할 table 엘리먼트의 id; **제거해야 함**|

|paginationId|String|||페이징 영역을 출력할 영역의 id|

|useCustomHeader|Boolean||false|헤더영역을 사용자가 정의할지 여부|

|usePaging|Booleadn||false|페이징 영역을 출력할지 여부|

|page|Int32 ?||1|현재 페이지 번호|

|rows|Int32 ?||10|한 페이지에 출력할 행의 수|

|pageCount|Int32 ?||5|페이징 영역에 표시할 페이지 수|

|debug|Boolean||false|Debug console 에 디버그 메세지 출력 여부|

|afterDataBind|||Function|데이터 소스를 바인딩하고 datagrid 출력 후 실행할 함수|

### column definition

|Name|Type|Required|Default Value|Remark|

|-

|name|String|Required||json 데이터와 열을 연결할 이름|

|header|String|||헤더에 표시할 문자열|

|width|Object||auto|열의 넓이|

|class|String|||열에 적용할 css class|

|hidden|Boolean||true|열 출력 여부|

|sortable|Boolean||false|열의 정렬 지원 여부|

|formatter|Function|||열의 자료를 출력할 때, 적용할 포맷팅이 정의된 함수 function(object):String |

### Sample

``` javascript

	

		Sample : jquery.datagrid

		

		

		

		

		

		

		

		

		

		

	

	

		


			


				

				

			

		

	


	

		$(document).ready(function(){

			var url = '/test/json';

			$('#datagrid').datagrid({

				'url' : url,

				'columns' : [

					{'name':'id', 'header' : 'ID', width:0},

					{'name':'name', 'header' : 'Name', width:0},

					{'name':'password', 'header' : 'Password', width:0}

				],

				'tableId': '#datagrid',

				'paginationId': '#datagridpagination',

				'useCustomHeader': false,

				'usePaging': true,

				'page': 1,

				'rows': 5,

				'pageCount': 5,

				'debug': true,

				'afterDataBind':function(){

					$('#datagrid > tbody > tr').off('click');

					$('#datagrid > tbody > tr').on('click', function(){

						var id = $(this).children('td').first().text();

						location.href = './users?id=' + id;

					});

				}

			});

		});

	

```

### Server Requirements

Method : GET

Parameter :

|Name|Type|Required|Remark|

|-

|page|Int32 ?||현재 페이지 번호|

|rows|Int32 ?|Required|한 페이지에 출력할 행의 수|

|sidx|String||정렬 필드 이름|

|sord|String||정렬 방법 (ASC or DESC)|

Return Type : text/json

|Name|Type|Required|Remark|

|-

|Result|String|Required|성공은 빈값, 오류가 발생한 경우 error|

|Total|Int32|Required|전체 페이지의 수 페이징 되지 않은 전체 행의 수|

|Records|Int32||사용되지 않음|

|Rows|Array|Required|datagrid에 출력할 데이터|