From 3616baf6284f5b9cc2eb7d68194b57c36358dbcb Mon Sep 17 00:00:00 2001 From: dongwoo Date: Thu, 27 Aug 2015 16:25:18 +0900 Subject: [PATCH 1/4] fix jsdoc comments --- src/Model/Dimension.js | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) diff --git a/src/Model/Dimension.js b/src/Model/Dimension.js index cde490c14..05ce0359d 100644 --- a/src/Model/Dimension.js +++ b/src/Model/Dimension.js @@ -6,16 +6,16 @@ 'use strict'; /** + * The width of the border of the dimension. * @const * @type {number} - * The width of the border of the dimension. */ var BORDER_WIDTH = 1, /** + * The width of the border of table row. * @const * @type {number} - * The width of the border of table row. */ ROW_BORDER_WIDTH = 1; @@ -56,14 +56,14 @@ Model.Dimension = Model.Base.extend(/**@lends Model.Dimension.prototype */{ Model.Base.prototype.initialize.apply(this, arguments); /** - * @type {boolean[]} * An array of the fixed flags of the columns + * @type {boolean[]} */ this._columnWidthFixedFlags = null; /** - * @type {number[]} * An array of the minimum width of the columns + * @type {number[]} */ this._minColumnWidthList = null; @@ -180,7 +180,8 @@ Model.Dimension = Model.Base.extend(/**@lends Model.Dimension.prototype */{ * This method will be called recursively by _reduceExcessColumnWidth. * @param {number[]} columnWidthList - An array of column Width * @param {number} totalRemainWidth - Remaining excess width (negative number) - * @param {{index:number, width:number}[]} availableList - An array of infos about available column + * @param {object[]} availableList - An array of infos about available column. + * Each item of the array has {index:number, width:number}. * @return {number[]} - A new array of column widths * @private */ From 6168ea2d7b19a1b5f1445261187f82a21dfad290 Mon Sep 17 00:00:00 2001 From: dongwoo Date: Mon, 31 Aug 2015 18:01:24 +0900 Subject: [PATCH 2/4] add a new line to EOF of samples --- samples/sample1.html | 2 +- samples/sample2.html | 2 +- samples/sample3.html | 2 +- samples/sample4.html | 2 +- samples/sample_name.json | 2 +- test/sample1.html | 2 +- 6 files changed, 6 insertions(+), 6 deletions(-) diff --git a/samples/sample1.html b/samples/sample1.html index f0b739d9c..066425c3a 100644 --- a/samples/sample1.html +++ b/samples/sample1.html @@ -255,4 +255,4 @@ }); grid.setRowList(dummyRowList); - \ No newline at end of file + diff --git a/samples/sample2.html b/samples/sample2.html index 250499f59..bc35c5cfc 100644 --- a/samples/sample2.html +++ b/samples/sample2.html @@ -264,4 +264,4 @@

테스트 영역

net.request('modifyData'); }); - \ No newline at end of file + diff --git a/samples/sample3.html b/samples/sample3.html index 19bb9f812..7e28e3094 100644 --- a/samples/sample3.html +++ b/samples/sample3.html @@ -432,4 +432,4 @@ ]); - \ No newline at end of file + diff --git a/samples/sample4.html b/samples/sample4.html index aca282073..2b1b46a55 100644 --- a/samples/sample4.html +++ b/samples/sample4.html @@ -187,4 +187,4 @@ "receiverPhone": "0809998877" }]); - \ No newline at end of file + diff --git a/samples/sample_name.json b/samples/sample_name.json index 544295533..55b5db729 100644 --- a/samples/sample_name.json +++ b/samples/sample_name.json @@ -11,4 +11,4 @@ "sample4": { "title": "_extraData 의 사용" } -} \ No newline at end of file +} diff --git a/test/sample1.html b/test/sample1.html index 31ec6c7e5..30138a77d 100644 --- a/test/sample1.html +++ b/test/sample1.html @@ -302,4 +302,4 @@ }); grid.setRowList(dummyRowList); - \ No newline at end of file + From a73260a9a3362cdbb8bb1aa7898a3ba4cde6727b Mon Sep 17 00:00:00 2001 From: dongwoo Date: Mon, 31 Aug 2015 18:14:07 +0900 Subject: [PATCH 3/4] clear useless files in test --- test/sample.html | 359 +++++++++--- test/sample.js | 192 ------- test/sample_data.html | 312 ----------- test/test.js | 1230 ----------------------------------------- test/test_data.js | 68 --- 5 files changed, 290 insertions(+), 1871 deletions(-) delete mode 100644 test/sample.js delete mode 100644 test/sample_data.html delete mode 100644 test/test.js delete mode 100644 test/test_data.js diff --git a/test/sample.html b/test/sample.html index 244f1fa2e..bb7b6e2cb 100644 --- a/test/sample.html +++ b/test/sample.html @@ -1,96 +1,317 @@ - - Sample 1 - + 그리드 기본 예제 + + +
-
-
- -
-
-
-

RESULT

+
+
+
-
- +
+ + + 1 + 2 + 3
+
-
-
-
- -
-
-
-

RESULT

-
-
- -
-
- - - - - - - + - - + + + + + + - + + - - + + + - - + + + + + - - - - - + + + + + + - - - - - - + + + + + - - - - - + + + - - - + - + + + + - - - - + + + + - +grid.setRowList(rowList, function() { + console.log('done!!'); +}); +$('#btn-reset-row').click(function() { + grid.setRowList(rowList); +}); - - \ No newline at end of file +grid.on('dblclickCell', function() { + console.log('dblclick!!'); +}); + + diff --git a/test/sample.js b/test/sample.js deleted file mode 100644 index 9865fae46..000000000 --- a/test/sample.js +++ /dev/null @@ -1,192 +0,0 @@ -var grid = new ne.Grid({ - el: $('#grid'), - columnFixIndex: 2, //(default=0) 열고정 기능을 사용하기 위한 인덱스 값으로 고정시킬 컬럼들의 다음 컬럼 인덱스 번호를 설정한다. - selectType: 'checkbox', //(default='') 그리드의 각 행 앞에 선택을 위한 체크박스 및 라디오박스를 추가한다. 'checkbox' 또는 'radio' 로 설정한다. 값을 지정하지 않은 경우 UI적인 변화는 없으며 라디오박스인 경우처럼 단일 선택만 가능하다. - autoNumbering: true, //(default=true) 데이터를 출력 시에 행마다 순번을 자동으로 부여하여 표시한다. 값을 지정하지 않은 경우 UI적인 변화는 없다. - headerHeight: 100, //(default=35) 그리드 헤더 영역의 기본 높이. 헤더 영역에서 컬럼 병합 기능을 사용하여 여러 개의 행을 출력하는 경우, 전체 행의 높이를 지정해야 한다. - rowHeight: 27, // (default=27) 그리드에 표시되는 행들의 기본 높이를 지정하는 값. 각 컬럼에 보여줘야 할 내용이 많을 경우 rowHeight 값을 크게 지정하여야 모든 내용을 표시할 수 있다. - displayRowCount: 10, //(default=10) 그리드에 표시될 행의 개수를 지정하며, 이 값에 따라 그리드의 높이가 자동으로 계산된다. - minimumColumnWidth: 50, //(default=50) 컬럼들의 최소 넓이 값. 컬럼들이 렌더링되거나 리사이징 시에 최소값으로 적용된다. - minimumWidth: 50, //(default=50) 컬럼들의 최소 넓이 값. 컬럼들이 렌더링되거나 리사이징 시에 최소값으로 적용된다. - scrollX: true, //(default:true) 수평 스크롤바 사용 여부. - scrollY: true, //(default:true) 수직 스크롤바 사용 여부. - keyColumnName: 'column1', //(default:null) 각 행의 primaryKey 가 될 컬럼 필드명. 지정하지 않을 시 내부적으로 키를 생성하여 할당한다. - toolbar: { //툴바영역의 UI 컴포넌트 사용 여부 설정 - hasResizeHandler: true, //(default:true) 수직 resizeHandler 를 사용한다. - hasControlPanel: true, //(default:true) 컨트롤 패널을 사용한다. - hasPagination: true //(default:true) pagination 을 사용한다. - }, - columnModelList: [ - { - title: '일반 타이틀', //그리드 헤더 영역에 보여질 컬럼 이름 - columnName: 'column0', //컬럼의 데이터 필드명 - className: 'bg_red', //컬럼 전체에 적용할 디자인 클래스 이름 - width: 100, //컬럼 너비 값. pixel 로 지정한다. - isEllipsis: false, //(default:false) 컬럼의 말줄임 여부를 설정 - notUseHtmlEntity: false, //(default:false) 그리드 랜더링 시 원본 데이터를 HTML Entity 로 변환하지 않도록 하려면 옵션을 true 로 준다. - defaultValue: '빈값', //컬럼에 값이 없는 경우 화면에 보여질 기본 텍스트. - isIgnore: false //(default:false) 그리드에서 값 변경으로 간주하지 않을 column 인지 여부 - - }, - { - title: '노출되지 않음', - columnName: 'column1', - isHidden: true //설정된 데이터 중에 화면 상에 표시하지 않을 컬럼에 대해서 true로 설정을 한다. - }, - { - title: 'formatter 설정', - columnName: 'column2', - formatter: function(value, row) { //데이터를 화면에 표시할 때 값의 포맷팅 처리를 하기 위한 함수로, 값을 출력하기 전에 formatter 함수에 해당 컬럼의 값을 전달하고 해당 함수가 리턴한 값을 화면 상에 표시한다. - return ''; - } - }, - { - title: '일반 text input 컬럼', - columnName: 'column3', - editOption: { - type: 'text', - beforeText: '가격:', //인풋 엘리먼트가 표시될 때 인풋 엘리먼트 앞에 추가하여 보여줄 텍스트를 지정한다. - afterText: '원' //인풋 엘리먼트가 표시될 때 인풋 엘리먼트 뒤에 추가하여 보여줄 텍스트를 지정한다. - }, - /** - * 인풋 엘리먼트가 그리드에 표시된 경우 해당 엘리먼트의 값이 변경되기 전에 호출될 콜백함수를 지정한다. false 반환시 변경을 취소한다. - * change beforeCallback 에서 정수가 입력되지 않았을 경우 이전값으로 되돌린다. - * @param {object} changeEvent - * @param {(number|string)} changeEvent.rowKey 이벤트가 발생한 셀의 rowKey - * @param {(number|string)} changeEvent.columnName 이벤트가 발생한 셀의 columnName - * @param {*} changeEvent.value 이벤트가 발생한 셀의 변경된 값 - * @param {object} changeEvent.instance grid 인스턴스 - * @returns {boolean} - */ - changeBeforeCallback: function(changeEvent) { - if (!/[0-9]+/.test(changeEvent.value)) { - alert('정수만 입력할 수 있습니다.'); - return false; - } - }, - /** - * 인풋 엘리먼트가 그리드에 표시된 경우 해당 엘리먼트의 값이 변경된 후 호출될 콜백함수를 지정한다. - * @param {object} changeEvent - * @param {(number|string)} changeEvent.rowKey 이벤트가 발생한 셀의 rowKey - * @param {(number|string)} changeEvent.columnName 이벤트가 발생한 셀의 columnName - * @param {*} changeEvent.value 이벤트가 발생한 셀의 변경된 값 - * @param {object} changeEvent.instance grid 인스턴스 - * @returns {boolean} - */ - changeAfterCallback: function(changeEvent) {} - }, - { - title: 'password text input 컬럼', - columnName: 'column4', - editOption: { - type: 'text-password', - beforeText: '비밀번호:' //인풋 엘리먼트가 표시될 때 인풋 엘리먼트 앞에 추가하여 보여줄 텍스트를 지정한다. - } - }, - { - title: 'text 에서 편집시 text input 으로 변경되는 컬럼', - columnName: 'column5', - editOption: { - type: 'text-convertible' - }, - isIgnore: true - }, - { - title: '셀렉트박스', - columnName: 'column6', - editOption: { - type: 'select', - list: [ //select, checkbox, radio 와 같이 list 형태일 경우 [{text: '노출 text', value: '1'}] 과 같은 형태로 설정한다. - {text: '1', value: 1}, - {text: '2', value: 2}, - {text: '3', value: 3}, - {text: '4', value: 4} - ] - }, - relationList: [ - { - columnList: ['column7', 'column8'], //상태값을 변경할 타켓 컬럼 리스트. - /** - * 타켓 컬럼을 disabled 로 변경할지 여부를 반환한다. - * @param {*} value 이벤트가 발생한 cell의 변경된 값 - * @param {object} rowData 이벤트가 발생한 cell 의 rowData - * @return {boolean} columnList 에 해당하는 column 이 disabled 될지 여부. - */ - isDisabled: function(value, rowData) { - return value == 2; - }, - /** - * 타켓 컬럼을 편집 가능한 컬럼으로 지정할지 여부를 반환한다. - * @param {*} value 이벤트가 발생한 cell의 변경된 값 - * @param {object} rowData 이벤트가 발생한 cell 의 rowData - * @return {boolean} columnList 에 해당하는 column 이 편집 가능한 상태일지 여부. - */ - isEditable: function(value, rowData) { - return value != 3; - }, - /** - * 타겟 컬럼이 select, checkbox, radio 와 같이 list 형태일 경우 설정된 list 를 변경한다. - * @param {*} value 이벤트가 발생한 cell의 변경된 값 - * @param {object} rowData 이벤트가 발생한 cell 의 rowData - * @return {{text: string, value: number}[]} columnList 에 해당하는 column 의 editOption.list 를 대신할 콜렉션. - */ - optionListChange: function(value, rowData) { - if (value == 1) { - console.log('changev return'); - return [ - { text: '하나', value: 1}, - { text: '둘', value: 2}, - { text: '셋', value: 3}, - { text: '넷', value: 4} - ]; - } - } - } - ] - }, - { - title: '체크박스', - columnName: 'column7', - editOption: { - type: 'checkbox', - list: [ - {text: '1', value: 1}, - {text: '2', value: 2}, - {text: '3', value: 3}, - {text: '4', value: 4} - ] - } - }, - { - title: '라디오 버튼', - columnName: 'column8', - editOption: { - type: 'radio', - list: [ - {text: '1', value: 1}, - {text: '2', value: 2}, - {text: '3', value: 3}, - {text: '4', value: 4} - ] - } - } - ], - //table header 의 열 병합 정보 - columnMerge: [ - { - 'columnName' : 'mergeColumn1', - 'title' : '1 + 2', - 'columnNameList' : ['column1', 'column2'] - }, - { - 'columnName' : 'mergeColumn2', - 'title' : '1 + 2 + 3', - 'columnNameList' : ['mergeColumn1', 'column3'] - }, - { - 'columnName' : 'mergeColumn3', - 'title' : '1 + 2 + 3 + 4 + 5', - 'columnNameList' : ['mergeColumn2', 'column4', 'column5'] - } - ] -}); \ No newline at end of file diff --git a/test/sample_data.html b/test/sample_data.html deleted file mode 100644 index e27853c5a..000000000 --- a/test/sample_data.html +++ /dev/null @@ -1,312 +0,0 @@ - - - - - Sample 1 - - - - -
- - - - - - - - - - - - - - - - - - - - - - - - - -
- 송장번호 : - - -
- 이름 : - - -
- 계절 : - - -
- 성별 : - - 남 - 여 -
- 취미 : - - 스포츠 - 재봉틀 - 음주 - 가무 -
- rowState: - - NONE - CHECKED - DISABLED - DISABLE_CHECK -
- - -
-
-
-
-
-
-

테스트 영역

- row 를 최하단에 추가한다.
- row 를 최상단에 추가한다.
- createData 요청 테스트
- updateData 요청 테스트
- deleteData 요청 테스트
- modifyData 요청 테스트
-
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/test/test.js b/test/test.js deleted file mode 100644 index 3358a0458..000000000 --- a/test/test.js +++ /dev/null @@ -1,1230 +0,0 @@ -$result = $('#result1'); -var grid1 = new ne.Grid({ - el: $('#wrapper1'), - columnModelList: dummy_data.columnModel_1, - selectType: 'checkbox', - columnFixIndex: 5, - displayRowCount: 10, - headerHeight: 50, - minimumColumnWidth: 20 -// notUseSmartRendering : true -}); -grid1.setRowList([{ - "column1": "1_0", - "column2": "1_1", - "column3": "1_2", - "column4": 1, - "column5": 2, - "column6": 3, - "column7": "1_6", - "column8": "1_7", - "_extraData": {"rowSpan": {"column4": 3}} -}, { - "column1": "2_0", - "column2": "2_1", - "column3": "2_2", - "column4": 3, - "column5": 2, - "column6": 2, - "column7": "2_6", - "column8": "2_7", - "_extraData": {"rowSpan": {"column8": 5}} -}, { - "column1": "3_0", - "column2": "3_1", - "column3": "3_2", - "column4": 1, - "column5": 1, - "column6": 1, - "column7": "3_6", - "column8": "3_7", - "_extraData": {"rowSpan": {"column7": 2}} -}, { - "column1": "4_0", - "column2": "4_1", - "column3": "4_2", - "column4": 4, - "column5": 3, - "column6": 2, - "column7": "4_6", - "column8": "4_7", - "_extraData": {"rowSpan": {"column3": 4}} -}, { - "column1": "5_0", - "column2": "5_1", - "column3": "5_2", - "column4": 2, - "column5": 1, - "column6": 3, - "column7": "5_6", - "column8": "5_7", - "_extraData": {"rowSpan": {"column5": 2, "column6": 5}} -}, { - "column1": "6_0", - "column2": "6_1", - "column3": "6_2", - "column4": 2, - "column5": 2, - "column6": 1, - "column7": "6_6", - "column8": "6_7" -}, { - "column1": "7_0", - "column2": "7_1", - "column3": "7_2", - "column4": 1, - "column5": 3, - "column6": 2, - "column7": "7_6", - "column8": "7_7", - "_extraData": {"rowSpan": {"column3": 2, "column5": 5}} -}, { - "column1": "8_0", - "column2": "8_1", - "column3": "8_2", - "column4": 3, - "column5": 3, - "column6": 3, - "column7": "8_6", - "column8": "8_7", - "_extraData": {"rowSpan": {"column3": 3, "column8": 1}} -}, { - "column1": "9_0", - "column2": "9_1", - "column3": "9_2", - "column4": 4, - "column5": 3, - "column6": 1, - "column7": "9_6", - "column8": "9_7", - "_extraData": {"rowSpan": {"column3": 1, "column5": 3, "column8": 2}} -}, { - "column1": "10_0", - "column2": "10_1", - "column3": "10_2", - "column4": 1, - "column5": 1, - "column6": 1, - "column7": "10_6", - "column8": "10_7", - "_extraData": {"rowSpan": {"column3": 3}} -}, { - "column1": "11_0", - "column2": "11_1", - "column3": "11_2", - "column4": 3, - "column5": 1, - "column6": 2, - "column7": "11_6", - "column8": "11_7", - "_extraData": {"rowSpan": {"column2": 2, "column3": 3, "column8": 1}} -}, { - "column1": "12_0", - "column2": "12_1", - "column3": "12_2", - "column4": 3, - "column5": 1, - "column6": 2, - "column7": "12_6", - "column8": "12_7" -}, { - "column1": "13_0", - "column2": "13_1", - "column3": "13_2", - "column4": 3, - "column5": 3, - "column6": 1, - "column7": "13_6", - "column8": "13_7", - "_extraData": {"rowSpan": {"column2": 3, "column7": 3}} -}, { - "column1": "14_0", - "column2": "14_1", - "column3": "14_2", - "column4": 3, - "column5": 2, - "column6": 1, - "column7": "14_6", - "column8": "14_7", - "_extraData": {"rowSpan": {"column1": 1, "column4": 2, "column8": 2}} -}, { - "column1": "15_0", - "column2": "15_1", - "column3": "15_2", - "column4": 3, - "column5": 1, - "column6": 2, - "column7": "15_6", - "column8": "15_7" -}, { - "column1": "16_0", - "column2": "16_1", - "column3": "16_2", - "column4": 1, - "column5": 2, - "column6": 1, - "column7": "16_6", - "column8": "16_7" -}, { - "column1": "17_0", - "column2": "17_1", - "column3": "17_2", - "column4": 4, - "column5": 1, - "column6": 2, - "column7": "17_6", - "column8": "17_7", - "_extraData": {"rowSpan": {"column6": 4, "column7": 5}} -}, { - "column1": "18_0", - "column2": "18_1", - "column3": "18_2", - "column4": 3, - "column5": 2, - "column6": 1, - "column7": "18_6", - "column8": "18_7" -}, { - "column1": "19_0", - "column2": "19_1", - "column3": "19_2", - "column4": 3, - "column5": 3, - "column6": 3, - "column7": "19_6", - "column8": "19_7", - "_extraData": {"rowSpan": {"column2": 2}} -}, { - "column1": "20_0", - "column2": "20_1", - "column3": "20_2", - "column4": 4, - "column5": 2, - "column6": 3, - "column7": "20_6", - "column8": "20_7", - "_extraData": {"rowSpan": {"column1": 3, "column6": 4}} -}, { - "column1": "21_0", - "column2": "21_1", - "column3": "21_2", - "column4": 4, - "column5": 2, - "column6": 3, - "column7": "21_6", - "column8": "21_7", - "_extraData": {"rowSpan": {"column5": 4}} -}, { - "column1": "22_0", - "column2": "22_1", - "column3": "22_2", - "column4": 4, - "column5": 1, - "column6": 2, - "column7": "22_6", - "column8": "22_7", - "_extraData": {"rowSpan": {"column4": 1, "column6": 3}} -}, { - "column1": "23_0", - "column2": "23_1", - "column3": "23_2", - "column4": 4, - "column5": 2, - "column6": 2, - "column7": "23_6", - "column8": "23_7" -}, { - "column1": "24_0", - "column2": "24_1", - "column3": "24_2", - "column4": 4, - "column5": 1, - "column6": 1, - "column7": "24_6", - "column8": "24_7", - "_extraData": {"rowSpan": {"column5": 4, "column8": 4}} -}, { - "column1": "25_0", - "column2": "25_1", - "column3": "25_2", - "column4": 1, - "column5": 2, - "column6": 3, - "column7": "25_6", - "column8": "25_7", - "_extraData": {"rowSpan": {"column1": 1, "column6": 2}} -}, { - "column1": "26_0", - "column2": "26_1", - "column3": "26_2", - "column4": 4, - "column5": 1, - "column6": 1, - "column7": "26_6", - "column8": "26_7" -}, { - "column1": "27_0", - "column2": "27_1", - "column3": "27_2", - "column4": 4, - "column5": 1, - "column6": 2, - "column7": "27_6", - "column8": "27_7", - "_extraData": {"rowSpan": {"column1": 2, "column2": 2, "column7": 2}} -}, { - "column1": "28_0", - "column2": "28_1", - "column3": "28_2", - "column4": 2, - "column5": 2, - "column6": 2, - "column7": "28_6", - "column8": "28_7", - "_extraData": {"rowSpan": {"column3": 1, "column6": 4}} -}, { - "column1": "29_0", - "column2": "29_1", - "column3": "29_2", - "column4": 1, - "column5": 1, - "column6": 3, - "column7": "29_6", - "column8": "29_7", - "_extraData": {"rowSpan": {"column5": 1, "column8": 4}} -}, { - "column1": "30_0", - "column2": "30_1", - "column3": "30_2", - "column4": 2, - "column5": 3, - "column6": 3, - "column7": "30_6", - "column8": "30_7", - "_extraData": {"rowSpan": {"column3": 5, "column7": 2}} -}, { - "column1": "31_0", - "column2": "31_1", - "column3": "31_2", - "column4": 3, - "column5": 1, - "column6": 3, - "column7": "31_6", - "column8": "31_7" -}, { - "column1": "32_0", - "column2": "32_1", - "column3": "32_2", - "column4": 4, - "column5": 3, - "column6": 3, - "column7": "32_6", - "column8": "32_7", - "_extraData": {"rowSpan": {"column2": 3}} -}, { - "column1": "33_0", - "column2": "33_1", - "column3": "33_2", - "column4": 1, - "column5": 3, - "column6": 3, - "column7": "33_6", - "column8": "33_7", - "_extraData": {"rowSpan": {"column6": 4}} -}, { - "column1": "34_0", - "column2": "34_1", - "column3": "34_2", - "column4": 1, - "column5": 1, - "column6": 2, - "column7": "34_6", - "column8": "34_7", - "_extraData": {"rowSpan": {"column2": 2}} -}, { - "column1": "35_0", - "column2": "35_1", - "column3": "35_2", - "column4": 2, - "column5": 2, - "column6": 1, - "column7": "35_6", - "column8": "35_7", - "_extraData": {"rowSpan": {"column6": 4, "column7": 3}} -}, { - "column1": "36_0", - "column2": "36_1", - "column3": "36_2", - "column4": 1, - "column5": 2, - "column6": 3, - "column7": "36_6", - "column8": "36_7", - "_extraData": {"rowSpan": {"column4": 4}} -}, { - "column1": "37_0", - "column2": "37_1", - "column3": "37_2", - "column4": 3, - "column5": 2, - "column6": 3, - "column7": "37_6", - "column8": "37_7", - "_extraData": {"rowSpan": {"column1": 5, "column6": 3}} -}, { - "column1": "38_0", - "column2": "38_1", - "column3": "38_2", - "column4": 1, - "column5": 1, - "column6": 2, - "column7": "38_6", - "column8": "38_7", - "_extraData": {"rowSpan": {"column4": 2, "column7": 1}} -}, { - "column1": "39_0", - "column2": "39_1", - "column3": "39_2", - "column4": 3, - "column5": 2, - "column6": 2, - "column7": "39_6", - "column8": "39_7", - "_extraData": {"rowSpan": {"column5": 1, "column8": 3}} -}, { - "column1": "40_0", - "column2": "40_1", - "column3": "40_2", - "column4": 3, - "column5": 2, - "column6": 3, - "column7": "40_6", - "column8": "40_7", - "_extraData": {"rowSpan": {"column3": 5, "column4": 2}} -}, { - "column1": "41_0", - "column2": "41_1", - "column3": "41_2", - "column4": 3, - "column5": 1, - "column6": 1, - "column7": "41_6", - "column8": "41_7", - "_extraData": {"rowSpan": {"column1": 4, "column5": 2, "column7": 4}} -}, { - "column1": "42_0", - "column2": "42_1", - "column3": "42_2", - "column4": 3, - "column5": 3, - "column6": 1, - "column7": "42_6", - "column8": "42_7" -}, { - "column1": "43_0", - "column2": "43_1", - "column3": "43_2", - "column4": 3, - "column5": 2, - "column6": 2, - "column7": "43_6", - "column8": "43_7" -}, { - "column1": "44_0", - "column2": "44_1", - "column3": "44_2", - "column4": 4, - "column5": 1, - "column6": 2, - "column7": "44_6", - "column8": "44_7", - "_extraData": {"rowSpan": {"column1": 2, "column4": 4}} -}, { - "column1": "45_0", - "column2": "45_1", - "column3": "45_2", - "column4": 4, - "column5": 1, - "column6": 2, - "column7": "45_6", - "column8": "45_7", - "_extraData": {"rowSpan": {"column3": 3}} -}, { - "column1": "46_0", - "column2": "46_1", - "column3": "46_2", - "column4": 3, - "column5": 3, - "column6": 1, - "column7": "46_6", - "column8": "46_7" -}, { - "column1": "47_0", - "column2": "47_1", - "column3": "47_2", - "column4": 3, - "column5": 3, - "column6": 2, - "column7": "47_6", - "column8": "47_7", - "_extraData": {"rowSpan": {"column4": 3, "column8": 1}} -}, { - "column1": "48_0", - "column2": "48_1", - "column3": "48_2", - "column4": 2, - "column5": 1, - "column6": 2, - "column7": "48_6", - "column8": "48_7" -}, { - "column1": "49_0", - "column2": "49_1", - "column3": "49_2", - "column4": 1, - "column5": 1, - "column6": 3, - "column7": "49_6", - "column8": "49_7", - "_extraData": {"rowSpan": {"column3": 1}} -}, { - "column1": "50_0", - "column2": "50_1", - "column3": "50_2", - "column4": 1, - "column5": 3, - "column6": 1, - "column7": "50_6", - "column8": "50_7", - "_extraData": {"rowSpan": {"column1": 5, "column5": 5}} -}, { - "column1": "51_0", - "column2": "51_1", - "column3": "51_2", - "column4": 4, - "column5": 3, - "column6": 3, - "column7": "51_6", - "column8": "51_7", - "_extraData": {"rowSpan": {"column5": 1}} -}, { - "column1": "52_0", - "column2": "52_1", - "column3": "52_2", - "column4": 3, - "column5": 3, - "column6": 2, - "column7": "52_6", - "column8": "52_7", - "_extraData": {"rowSpan": {"column1": 4, "column2": 3, "column6": 4}} -}, { - "column1": "53_0", - "column2": "53_1", - "column3": "53_2", - "column4": 2, - "column5": 2, - "column6": 1, - "column7": "53_6", - "column8": "53_7", - "_extraData": {"rowSpan": {"column3": 5}} -}, { - "column1": "54_0", - "column2": "54_1", - "column3": "54_2", - "column4": 4, - "column5": 1, - "column6": 1, - "column7": "54_6", - "column8": "54_7", - "_extraData": {"rowSpan": {"column1": 1, "column6": 3}} -}, { - "column1": "55_0", - "column2": "55_1", - "column3": "55_2", - "column4": 4, - "column5": 1, - "column6": 3, - "column7": "55_6", - "column8": "55_7" -}, { - "column1": "56_0", - "column2": "56_1", - "column3": "56_2", - "column4": 2, - "column5": 2, - "column6": 3, - "column7": "56_6", - "column8": "56_7", - "_extraData": {"rowSpan": {"column4": 5}} -}, { - "column1": "57_0", - "column2": "57_1", - "column3": "57_2", - "column4": 4, - "column5": 2, - "column6": 2, - "column7": "57_6", - "column8": "57_7" -}, { - "column1": "58_0", - "column2": "58_1", - "column3": "58_2", - "column4": 4, - "column5": 3, - "column6": 2, - "column7": "58_6", - "column8": "58_7" -}, { - "column1": "59_0", - "column2": "59_1", - "column3": "59_2", - "column4": 2, - "column5": 3, - "column6": 3, - "column7": "59_6", - "column8": "59_7" -}, { - "column1": "60_0", - "column2": "60_1", - "column3": "60_2", - "column4": 1, - "column5": 1, - "column6": 1, - "column7": "60_6", - "column8": "60_7" -}, { - "column1": "61_0", - "column2": "61_1", - "column3": "61_2", - "column4": 2, - "column5": 2, - "column6": 1, - "column7": "61_6", - "column8": "61_7" -}, { - "column1": "62_0", - "column2": "62_1", - "column3": "62_2", - "column4": 2, - "column5": 1, - "column6": 1, - "column7": "62_6", - "column8": "62_7", - "_extraData": {"rowSpan": {"column4": 5, "column7": 1}} -}, { - "column1": "63_0", - "column2": "63_1", - "column3": "63_2", - "column4": 1, - "column5": 3, - "column6": 3, - "column7": "63_6", - "column8": "63_7" -}, { - "column1": "64_0", - "column2": "64_1", - "column3": "64_2", - "column4": 4, - "column5": 2, - "column6": 3, - "column7": "64_6", - "column8": "64_7", - "_extraData": {"rowSpan": {"column1": 3, "column2": 3, "column3": 2}} -}, { - "column1": "65_0", - "column2": "65_1", - "column3": "65_2", - "column4": 4, - "column5": 3, - "column6": 2, - "column7": "65_6", - "column8": "65_7", - "_extraData": {"rowSpan": {"column1": 3, "column3": 5, "column7": 5}} -}, { - "column1": "66_0", - "column2": "66_1", - "column3": "66_2", - "column4": 1, - "column5": 3, - "column6": 2, - "column7": "66_6", - "column8": "66_7", - "_extraData": {"rowSpan": {"column3": 1, "column5": 4, "column7": 1}} -}, { - "column1": "67_0", - "column2": "67_1", - "column3": "67_2", - "column4": 1, - "column5": 2, - "column6": 1, - "column7": "67_6", - "column8": "67_7", - "_extraData": {"rowSpan": {"column6": 5, "column7": 4, "column8": 1}} -}, { - "column1": "68_0", - "column2": "68_1", - "column3": "68_2", - "column4": 3, - "column5": 3, - "column6": 3, - "column7": "68_6", - "column8": "68_7", - "_extraData": {"rowSpan": {"column3": 2, "column7": 1, "column8": 1}} -}, { - "column1": "69_0", - "column2": "69_1", - "column3": "69_2", - "column4": 2, - "column5": 3, - "column6": 3, - "column7": "69_6", - "column8": "69_7", - "_extraData": {"rowSpan": {"column2": 1, "column3": 3, "column8": 5}} -}, { - "column1": "70_0", - "column2": "70_1", - "column3": "70_2", - "column4": 3, - "column5": 3, - "column6": 1, - "column7": "70_6", - "column8": "70_7", - "_extraData": {"rowSpan": {"column3": 3}} -}, { - "column1": "71_0", - "column2": "71_1", - "column3": "71_2", - "column4": 4, - "column5": 1, - "column6": 3, - "column7": "71_6", - "column8": "71_7", - "_extraData": {"rowSpan": {"column6": 4}} -}, { - "column1": "72_0", - "column2": "72_1", - "column3": "72_2", - "column4": 3, - "column5": 1, - "column6": 3, - "column7": "72_6", - "column8": "72_7", - "_extraData": {"rowSpan": {"column5": 1, "column7": 3, "column8": 2}} -}, { - "column1": "73_0", - "column2": "73_1", - "column3": "73_2", - "column4": 2, - "column5": 3, - "column6": 1, - "column7": "73_6", - "column8": "73_7", - "_extraData": {"rowSpan": {"column7": 5}} -}, { - "column1": "74_0", - "column2": "74_1", - "column3": "74_2", - "column4": 2, - "column5": 3, - "column6": 2, - "column7": "74_6", - "column8": "74_7", - "_extraData": {"rowSpan": {"column7": 5}} -}, { - "column1": "75_0", - "column2": "75_1", - "column3": "75_2", - "column4": 1, - "column5": 1, - "column6": 3, - "column7": "75_6", - "column8": "75_7", - "_extraData": {"rowSpan": {"column1": 2, "column3": 1}} -}, { - "column1": "76_0", - "column2": "76_1", - "column3": "76_2", - "column4": 2, - "column5": 2, - "column6": 3, - "column7": "76_6", - "column8": "76_7", - "_extraData": {"rowSpan": {"column1": 1, "column8": 4}} -}, { - "column1": "77_0", - "column2": "77_1", - "column3": "77_2", - "column4": 4, - "column5": 1, - "column6": 2, - "column7": "77_6", - "column8": "77_7", - "_extraData": {"rowSpan": {"column3": 5, "column6": 5}} -}, { - "column1": "78_0", - "column2": "78_1", - "column3": "78_2", - "column4": 2, - "column5": 3, - "column6": 1, - "column7": "78_6", - "column8": "78_7", - "_extraData": {"rowSpan": {"column1": 4, "column4": 3, "column5": 5}} -}, { - "column1": "79_0", - "column2": "79_1", - "column3": "79_2", - "column4": 3, - "column5": 1, - "column6": 2, - "column7": "79_6", - "column8": "79_7", - "_extraData": {"rowSpan": {"column4": 3, "column6": 5}} -}, { - "column1": "80_0", - "column2": "80_1", - "column3": "80_2", - "column4": 1, - "column5": 2, - "column6": 2, - "column7": "80_6", - "column8": "80_7", - "_extraData": {"rowSpan": {"column1": 2, "column3": 3}} -}, { - "column1": "81_0", - "column2": "81_1", - "column3": "81_2", - "column4": 3, - "column5": 1, - "column6": 1, - "column7": "81_6", - "column8": "81_7" -}, { - "column1": "82_0", - "column2": "82_1", - "column3": "82_2", - "column4": 2, - "column5": 1, - "column6": 3, - "column7": "82_6", - "column8": "82_7", - "_extraData": {"rowSpan": {"column7": 3}} -}, { - "column1": "83_0", - "column2": "83_1", - "column3": "83_2", - "column4": 4, - "column5": 2, - "column6": 1, - "column7": "83_6", - "column8": "83_7" -}, { - "column1": "84_0", - "column2": "84_1", - "column3": "84_2", - "column4": 3, - "column5": 3, - "column6": 1, - "column7": "84_6", - "column8": "84_7", - "_extraData": {"rowSpan": {"column2": 3, "column3": 1, "column8": 2}} -}, { - "column1": "85_0", - "column2": "85_1", - "column3": "85_2", - "column4": 4, - "column5": 2, - "column6": 2, - "column7": "85_6", - "column8": "85_7", - "_extraData": {"rowSpan": {"column5": 3}} -}, { - "column1": "86_0", - "column2": "86_1", - "column3": "86_2", - "column4": 3, - "column5": 2, - "column6": 2, - "column7": "86_6", - "column8": "86_7", - "_extraData": {"rowSpan": {"column1": 5}} -}, { - "column1": "87_0", - "column2": "87_1", - "column3": "87_2", - "column4": 4, - "column5": 1, - "column6": 3, - "column7": "87_6", - "column8": "87_7", - "_extraData": {"rowSpan": {"column1": 3}} -}, { - "column1": "88_0", - "column2": "88_1", - "column3": "88_2", - "column4": 4, - "column5": 1, - "column6": 2, - "column7": "88_6", - "column8": "88_7" -}, { - "column1": "89_0", - "column2": "89_1", - "column3": "89_2", - "column4": 3, - "column5": 1, - "column6": 1, - "column7": "89_6", - "column8": "89_7" -}, { - "column1": "90_0", - "column2": "90_1", - "column3": "90_2", - "column4": 2, - "column5": 2, - "column6": 2, - "column7": "90_6", - "column8": "90_7", - "_extraData": {"rowSpan": {"column1": 4}} -}, { - "column1": "91_0", - "column2": "91_1", - "column3": "91_2", - "column4": 3, - "column5": 2, - "column6": 1, - "column7": "91_6", - "column8": "91_7", - "_extraData": {"rowSpan": {"column3": 5, "column6": 4}} -}, { - "column1": "92_0", - "column2": "92_1", - "column3": "92_2", - "column4": 3, - "column5": 1, - "column6": 2, - "column7": "92_6", - "column8": "92_7", - "_extraData": {"rowSpan": {"column4": 4, "column5": 5}} -}, { - "column1": "93_0", - "column2": "93_1", - "column3": "93_2", - "column4": 4, - "column5": 1, - "column6": 2, - "column7": "93_6", - "column8": "93_7", - "_extraData": {"rowSpan": {"column8": 4}} -}, { - "column1": "94_0", - "column2": "94_1", - "column3": "94_2", - "column4": 1, - "column5": 2, - "column6": 1, - "column7": "94_6", - "column8": "94_7", - "_extraData": {"rowSpan": {"column5": 4, "column7": 4}} -}, { - "column1": "95_0", - "column2": "95_1", - "column3": "95_2", - "column4": 2, - "column5": 2, - "column6": 2, - "column7": "95_6", - "column8": "95_7" -}, { - "column1": "96_0", - "column2": "96_1", - "column3": "96_2", - "column4": 4, - "column5": 3, - "column6": 3, - "column7": "96_6", - "column8": "96_7" -}, { - "column1": "97_0", - "column2": "97_1", - "column3": "97_2", - "column4": 3, - "column5": 2, - "column6": 2, - "column7": "97_6", - "column8": "97_7", - "_extraData": {"rowSpan": {"column4": 3, "column7": 3}} -}, { - "column1": "98_0", - "column2": "98_1", - "column3": "98_2", - "column4": 2, - "column5": 1, - "column6": 2, - "column7": "98_6", - "column8": "98_7", - "_extraData": {"rowSpan": {"column7": 2}} -}, { - "column1": "99_0", - "column2": "99_1", - "column3": "99_2", - "column4": 2, - "column5": 3, - "column6": 2, - "column7": "99_6", - "column8": "99_7", - "_extraData": {"rowSpan": {"column6": 1}} -}, { - "column1": "100_0", - "column2": "100_1", - "column3": "100_2", - "column4": 1, - "column5": 2, - "column6": 1, - "column7": "100_6", - "column8": "100_7" -}]); -// grid1.setRowList(dummy_data.rowList); -insertButton(grid1, $('#buttonList1'), $('#result1')); - - -//var grid2 = new ne.Grid({ -// el: $('#wrapper2'), -// columnModelList: dummy_data.columnModel_2, -// selectType: 'radio', -// columnFixIndex: 7, -// headerHeight: 110, -// columnMerge: [ -// { -// 'columnName' : 'mergeColumn1', -// 'title' : '6 + 7', -// 'columnNameList' : ['columnName6', 'columnName7'] -// }, -// { -// 'columnName' : 'mergeColumn2', -// 'title' : '6 + 7 + 8', -// 'columnNameList' : ['mergeColumn1', 'columnName8'] -// }, -// { -// 'columnName' : 'mergeColumn3', -// 'title' : '6 + 7 + 8 + 9 + 10', -// 'columnNameList' : ['mergeColumn2', 'columnName9', 'columnName10'] -// } -// ] -//// keyColumnName : 'columnName6' -//}); -//getDummyData(dummy_data.columnModel_2, 5000, function(data) { -// var start = new Date(); -// console.log('setRowListStart'); -// //grid2.setRowList(data); -// var end = new Date(); -// console.log('setRowListEnd', end - start); -//}); -// -//// grid2.setRowList(dummy_data.rowListTest); -//insertButton(grid2, $('#buttonList2'), $('#result2')); -//function getDummyData(columnModel, size, callback) { -// //var url; -// // -// //if (window.navigator.userAgent.indexOf('MSIE ') !== -1) { -// // //url = './php/dummy.php'; -// //}else { -// // url = './php/dummy.php'; -// // //url = 'http://budapest.kr.pe/sample/php/dummy.php'; -// //} -// //url = 'http://fetech.nhnent.com/svnrun/fetech/prototype/trunk/grid/test/php/dummy.php'; -// //url = './php/dummy.php'; -// //console.log(url); -// //$.ajax({ -// // url: url, -// // data: { -// // columnModel: $.toJSON(columnModel), -// // size: size -// // }, -// // dataType: 'json' -// //}).done(function(data) { -// // console.log($.toJSON(data)); -// // callback(data); -// //}); -//} - -function insertButton(gridInstance, $wrapper, $result) { - var printr = function(obj) { - console.log(obj); - $result.html($.toJSON(obj)); - }; - var actions = { - 'setColumnModelList' : function() { - gridInstance.setColumnModelList(dummy_data.columnModel_2); - }, - 'getRowList' : function() { - var result = gridInstance.getRowList(); - printr(result); - }, - 'getModifiedRowList' : function() { - var result = gridInstance.getModifiedRowList(); - printr(result); - }, - 'prependRow' : function() { - gridInstance.prependRow(); - }, - 'appendRow' : function() { - gridInstance.appendRow(); - }, - 'checkAllRow' : function() { - gridInstance.checkAllRow(); - }, - 'uncheckAllRow' : function() { - gridInstance.uncheckAllRow(); - }, - 'getCheckedRowList' : function() { - var result = gridInstance.getCheckedRowList(); - printr(result); - }, - 'getCheckedRowKeyList' : function() { - var result = gridInstance.getCheckedRowKeyList(); - printr(result); - }, - 'destroy' : function() { - gridInstance.destroy(); - gridInstance = null; - }, - 'set columnFixIndex=2' : function() { - gridInstance.setColumnFixIndex(2); - }, - 'sort columnName2' : function() { - gridInstance.sort('columnName2'); -// gridInstance.setColumnValue('columnName1', ''); -// gridInstance.setColumnValue('columnName1', '