"
7 | ],
8 | "main": "dist/ax5grid.js",
9 | "keywords": [
10 | "bootstrap",
11 | "jquery",
12 | "ax5ui",
13 | "plugin",
14 | "bootstrap jQuery plugins",
15 | "grid",
16 | "ax5ui-grid",
17 | "javascript ui"
18 | ],
19 | "dependencies": {
20 | "jquery": "",
21 | "ax5core": ">=1.4.115",
22 | "ax5ui-menu": "",
23 | "ax5ui-formatter": "",
24 | "ax5ui-calendar": "",
25 | "ax5ui-picker": ""
26 | },
27 | "license": "MIT",
28 | "homepage": "ax5.io"
29 | }
--------------------------------------------------------------------------------
/deploy.sh:
--------------------------------------------------------------------------------
1 | VERSION=`jq '.version' package.json | sed -e 's/^"//' -e 's/"$//'`
2 |
3 | git tag -a $VERSION -m $VERSION || true
4 |
5 | git push origin HEAD:master --follow-tags --force || true
6 |
7 | npm publish || true
8 |
--------------------------------------------------------------------------------
/design/structure.key:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ax5ui/ax5ui-grid/aebf37305228f511649f6533bcaa80b21ac3f4d1/design/structure.key
--------------------------------------------------------------------------------
/karma.conf.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2017. tom@axisj.com
3 | * - github.com/thomasjang
4 | * - www.axisj.com
5 | */
6 |
7 | // Karma configuration
8 | // Generated on Wed Sep 21 2016 00:37:04 GMT+0900 (KST)
9 |
10 | module.exports = function (config) {
11 | var configuration = {
12 | // base path that will be used to resolve all patterns (eg. files, exclude)
13 | basePath: '',
14 |
15 | // frameworks to use
16 | // available frameworks: https://npmjs.org/browse/keyword/karma-adapter
17 | frameworks: ['mocha'],
18 |
19 | // list of files / patterns to load in the browser
20 | files: [
21 | 'https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js',
22 | 'https://cdnjs.cloudflare.com/ajax/libs/should.js/11.1.2/should.min.js',
23 | 'https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.min.js',
24 | 'https://cdn.rawgit.com/ax5ui/ax5core/master/dist/ax5core.min.js',
25 | 'dist/ax5grid.js',
26 | 'https://rawgit.com/aeei/aejs/master/dist/ae.min.js',
27 | 'test/test.*.js'
28 | ],
29 | // list of files to exclude
30 | exclude: [],
31 | // preprocess matching files before serving them to the browser
32 | // available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor
33 | preprocessors: {},
34 | // test results reporter to use
35 | // possible values: 'dots', 'progress'
36 | // available reporters: https://npmjs.org/browse/keyword/karma-reporter
37 | reporters: ['progress'],
38 | // web server port
39 | port: 9876,
40 | // enable / disable colors in the output (reporters and logs)
41 | colors: true,
42 | // level of logging
43 | // possible values: config.LOG_DISABLE || config.LOG_ERROR || config.LOG_WARN || config.LOG_INFO || config.LOG_DEBUG
44 | logLevel: config.LOG_INFO,
45 | // enable / disable watching file and executing tests whenever any file changes
46 | autoWatch: true,
47 | // start these browsers
48 | // available browser launchers: https://npmjs.org/browse/keyword/karma-launcher
49 | browsers: ['PhantomJS'],
50 | //browsers: ['Chrome', 'Firefox'],
51 | customLaunchers: {
52 | Chrome_travis_ci: {
53 | base: 'Chrome',
54 | flags: ['--no-sandbox']
55 | }
56 | },
57 | singleRun: true,
58 | concurrency: Infinity
59 | };
60 |
61 | if (process.env.TRAVIS) {
62 | configuration.browsers = ['PhantomJS'];
63 | }
64 |
65 | config.set(configuration);
66 | }
67 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "ax5ui-grid",
3 | "version": "1.4.131",
4 | "description": "A grid plugin that works with Bootstrap & jQuery",
5 | "license": "MIT",
6 | "repository": {
7 | "type": "git",
8 | "url": "git+https://github.com/ax5ui/ax5ui-grid"
9 | },
10 | "author": {
11 | "name": "Thomas Jang",
12 | "email": "tom@axisj.com",
13 | "url": "ax5.io"
14 | },
15 | "keywords": [
16 | "bootstrap",
17 | "jquery",
18 | "ax5ui",
19 | "plugin",
20 | "bootstrap jQuery plugins",
21 | "grid",
22 | "ax5ui-grid",
23 | "javascript ui"
24 | ],
25 | "scripts": {
26 | "test": "karma start karma.conf.js"
27 | },
28 | "dependencies": {
29 | "jquery": "",
30 | "ax5core": ">=1.4.115",
31 | "ax5ui-menu": "",
32 | "ax5ui-formatter": "",
33 | "ax5ui-calendar": "",
34 | "ax5ui-picker": ""
35 | },
36 | "devDependencies": {
37 | "karma": "^1.3.0",
38 | "karma-mocha": "^1.2.0",
39 | "karma-phantomjs-launcher": "^1.0.2",
40 | "mocha": "^3.1.0",
41 | "phantomjs-prebuilt": "^2.1.13",
42 | "webdriverio": "^4.6.1"
43 | }
44 | }
--------------------------------------------------------------------------------
/src/ax5grid.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ax5ui/ax5ui-grid/aebf37305228f511649f6533bcaa80b21ac3f4d1/src/ax5grid.gif
--------------------------------------------------------------------------------
/src/ax5grid.scss:
--------------------------------------------------------------------------------
1 | @import "node_modules/ax5core/src/_ax5.scss";
2 |
3 | @import "scss/ax5grid_variables";
4 | @import "scss/ax5grid";
5 |
--------------------------------------------------------------------------------
/src/modules/ax5grid-collector.js:
--------------------------------------------------------------------------------
1 | // ax5.ui.grid.collector
2 | (function () {
3 |
4 | const GRID = ax5.ui.grid;
5 |
6 | const U = ax5.util;
7 |
8 | let sum = function () {
9 | let value = 0,
10 | i = this.list.length;
11 | while (i--) {
12 | if (!("__groupingList" in this.list[i])) {
13 | value += U.number(this.list[i][this.key]);
14 | }
15 | }
16 | return value;
17 | };
18 |
19 | let avg = function () {
20 | let value = 0,
21 | i = this.list.length, listLength = 0;
22 | while (i--) {
23 | if (!("__groupingList" in this.list[i])) {
24 | value += U.number(this.list[i][this.key]);
25 | listLength++;
26 | }
27 | }
28 | return U.number(value / (listLength || 1), {"round": 2});
29 | };
30 |
31 | GRID.collector = {
32 | sum: sum,
33 | avg: avg
34 | };
35 |
36 | })();
--------------------------------------------------------------------------------
/src/modules/ax5grid-excel.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2016. tom@axisj.com
3 | * - github.com/thomasjang
4 | * - www.axisj.com
5 | */
6 |
7 | // ax5.ui.grid.excel
8 | (function () {
9 |
10 | const GRID = ax5.ui.grid;
11 |
12 | const U = ax5.util;
13 |
14 | const base64 = function (s) {
15 | return window.btoa(unescape(encodeURIComponent(s)));
16 | };
17 |
18 | const uri = "data:application/vnd.ms-excel;base64,";
19 |
20 | const getExcelTmpl = function () {
21 | return `\ufeff
22 | {{#tables}}{{{body}}}{{/tables}}
23 | `;
24 | };
25 |
26 | const tableToExcel = function (table, fileName) {
27 | let link, a, output,
28 | tables = [].concat(table);
29 |
30 | output = ax5.mustache.render(getExcelTmpl(), {
31 | worksheet: (function () {
32 | var arr = [];
33 | tables.forEach(function (t, ti) {
34 | arr.push({name: "Sheet" + (ti + 1)});
35 | });
36 | return arr;
37 | })(),
38 | tables: (function () {
39 | var arr = [];
40 | tables.forEach(function (t, ti) {
41 | arr.push({body: t});
42 | });
43 | return arr;
44 | })()
45 | });
46 |
47 | let isChrome = navigator.userAgent.indexOf("Chrome") > -1,
48 | isSafari = !isChrome && navigator.userAgent.indexOf("Safari") > -1,
49 | isIE = /*@cc_on!@*/false || !!document.documentMode; // this works with IE10 and IE11 both :)
50 |
51 | let blob1, blankWindow, $iframe, iframe, anchor;
52 |
53 | if (navigator.msSaveOrOpenBlob) {
54 | blob1 = new Blob([output], {type: "text/html"});
55 | window.navigator.msSaveOrOpenBlob(blob1, fileName);
56 | }
57 | else if (isSafari) {
58 | // 사파리는 지원이 안되므로 그냥 테이블을 클립보드에 복사처리
59 | //tables
60 | blankWindow = window.open('about:blank', this.id + '-excel-export', 'width=600,height=400');
61 | blankWindow.document.write(output);
62 | blankWindow = null;
63 | }
64 | else {
65 | if (isIE && typeof Blob === "undefined") {
66 | //otherwise use the iframe and save
67 | //requires a blank iframe on page called txtArea1
68 | $iframe = jQuery('');
69 | jQuery(document.body).append($iframe);
70 |
71 | iframe = window[this.id + '-excel-export'];
72 | iframe.document.open("text/html", "replace");
73 | iframe.document.write(output);
74 | iframe.document.close();
75 | iframe.focus();
76 | iframe.document.execCommand("SaveAs", true, fileName);
77 | $iframe.remove();
78 | } else {
79 | // Attempt to use an alternative method
80 | anchor = document.body.appendChild(
81 | document.createElement("a")
82 | );
83 |
84 | // If the [download] attribute is supported, try to use it
85 | if ("download" in anchor) {
86 | anchor.download = fileName;
87 | anchor.href = URL.createObjectURL(new Blob([output], { type: 'text/csv' }));
88 | anchor.click();
89 | document.body.removeChild(anchor);
90 | }
91 | }
92 | }
93 |
94 | return true;
95 | };
96 |
97 | GRID.excel = {
98 | export: tableToExcel
99 | };
100 | })();
--------------------------------------------------------------------------------
/src/modules/ax5grid-formatter.js:
--------------------------------------------------------------------------------
1 | // ax5.ui.grid.formatter
2 | (function () {
3 |
4 | const GRID = ax5.ui.grid;
5 |
6 | const U = ax5.util;
7 |
8 | const money = function () {
9 | if (typeof this.value !== "undefined") {
10 | let val = ('' + this.value).replace(/[^0-9^\.^\-]/g, ""),
11 | regExpPattern = new RegExp('([0-9])([0-9][0-9][0-9][,.])'),
12 | arrNumber = val.split('.'),
13 | returnValue;
14 |
15 | arrNumber[0] += '.';
16 |
17 | do {
18 | arrNumber[0] = arrNumber[0].replace(regExpPattern, '$1,$2');
19 | } while (regExpPattern.test(arrNumber[0]));
20 |
21 | return (arrNumber.length > 1) ? arrNumber[0] + U.left(arrNumber[1], 2) : arrNumber[0].split('.')[0];
22 | } else {
23 | return "";
24 | }
25 | };
26 |
27 | GRID.formatter = {
28 | money: money
29 | };
30 |
31 | })();
--------------------------------------------------------------------------------
/src/modules/ax5grid-inline-editor.js:
--------------------------------------------------------------------------------
1 | // ax5.ui.grid.inlineEditor
2 | (function () {
3 |
4 | const GRID = ax5.ui.grid;
5 |
6 | const edit_text = {
7 | useReturnToSave: true,
8 | editMode: "popup",
9 | getHtml: function (_root, _columnKey, _editor, _value) {
10 | if(typeof _editor.attributes !== "undefined"){
11 | var attributesText = "";
12 | for (var k in _editor.attributes){
13 | attributesText += ` ${k}='${_editor.attributes[k]}'`;
14 | }
15 | }
16 | return ``;
17 | },
18 | init: function (_root, _columnKey, _editor, _$parent, _value) {
19 | var $el;
20 | _$parent.append($el = jQuery(this.getHtml(_root, _columnKey, _editor, _value)));
21 | this.bindUI(_root, _columnKey, $el, _editor, _$parent, _value);
22 | $el.on("blur", function () {
23 | GRID.body.inlineEdit.deActive.call(_root, "RETURN", _columnKey);
24 | });
25 | return $el;
26 | },
27 | bindUI: function (_root, _columnKey, _$el, _editor, _$parent, _value) {
28 | _$el.focus().select();
29 | }
30 | };
31 |
32 | const edit_money = {
33 | useReturnToSave: true,
34 | editMode: "popup",
35 | getHtml: function (_root, _columnKey, _editor, _value) {
36 | let attributesText = "";
37 | if(typeof _editor.attributes !== "undefined"){
38 | for (let k in _editor.attributes){
39 | attributesText += ` ${k}='${_editor.attributes[k]}'`;
40 | }
41 | }
42 | return '';
43 | },
44 | init: function (_root, _columnKey, _editor, _$parent, _value) {
45 | let $el;
46 | _$parent.append($el = jQuery(this.getHtml(_root, _columnKey, _editor, _value)));
47 | this.bindUI(_root, _columnKey, $el, _editor, _$parent, _value);
48 | $el.on("blur", function () {
49 | GRID.body.inlineEdit.deActive.call(_root, "RETURN", _columnKey);
50 | });
51 | return $el;
52 | },
53 | bindUI: function (_root, _columnKey, _$el, _editor, _$parent, _value) {
54 | _$el.data("binded-ax5ui", "ax5formater");
55 | _$el.ax5formatter($.extend(true, {
56 | pattern: "money"
57 | }, _editor.config));
58 | _$el.focus().select();
59 | }
60 | };
61 |
62 | const edit_number = {
63 | useReturnToSave: true,
64 | editMode: "popup",
65 | getHtml: function (_root, _columnKey, _editor, _value) {
66 | let attributesText = "";
67 | if(typeof _editor.attributes !== "undefined"){
68 | for (let k in _editor.attributes){
69 | attributesText += ` ${k}='${_editor.attributes[k]}'`;
70 | }
71 | }
72 | return '';
73 | },
74 | init: function (_root, _columnKey, _editor, _$parent, _value) {
75 | var $el;
76 | _$parent.append($el = jQuery(this.getHtml(_root, _columnKey, _editor, _value)));
77 | this.bindUI(_root, _columnKey, $el, _editor, _$parent, _value);
78 | $el.on("blur", function () {
79 | GRID.body.inlineEdit.deActive.call(_root, "RETURN", _columnKey);
80 | });
81 | return $el;
82 | },
83 | bindUI: function (_root, _columnKey, _$el, _editor, _$parent, _value) {
84 | _$el.data("binded-ax5ui", "ax5formater");
85 | _$el.ax5formatter($.extend(true, {
86 | pattern: "number"
87 | }, _editor.config));
88 | _$el.focus().select();
89 | }
90 | };
91 |
92 | const edit_date = {
93 | useReturnToSave: true,
94 | editMode: "popup",
95 | getHtml: function (_root, _columnKey, _editor, _value) {
96 | return '';
97 | },
98 | init: function (_root, _columnKey, _editor, _$parent, _value) {
99 | var $el;
100 | _$parent.append($el = jQuery(this.getHtml(_root, _columnKey, _editor, _value)));
101 | this.bindUI(_root, _columnKey, $el, _editor, _$parent, _value);
102 | return $el;
103 | },
104 | bindUI: function (_root, _columnKey, _$el, _editor, _$parent, _value) {
105 | var self = _root;
106 | _$el.data("binded-ax5ui", "ax5picker");
107 |
108 | _$el.ax5picker($.extend(true, {
109 | direction: "auto",
110 | content: {
111 | type: 'date',
112 | formatter: {
113 | pattern: 'date'
114 | }
115 | },
116 | onStateChanged: function () {
117 | if (this.state == "open") {
118 | this.self.activePicker.attr("data-ax5grid-inline-edit-picker", "date");
119 | } else if (this.state == "close") {
120 | GRID.body.inlineEdit.deActive.call(self, "RETURN", _columnKey);
121 | }
122 | }
123 | }, _editor.config));
124 |
125 | _$el.focus().select();
126 | }
127 | };
128 |
129 | const edit_select = {
130 | useReturnToSave: false,
131 | editMode: "popup",
132 | getHtml: function (_root, _columnKey, _editor, _value) {
133 | var po = [];
134 | po.push('');
135 | po.push('
');
136 |
137 | return po.join('');
138 | },
139 | init: function (_root, _columnKey, _editor, _$parent, _value) {
140 | var $el;
141 | _$parent.append($el = jQuery(this.getHtml(_root, _columnKey, _editor, _value)));
142 | this.bindUI(_root, _columnKey, $el, _editor, _$parent, _value);
143 | return $el;
144 | },
145 | bindUI: function (_root, _columnKey, _$el, _editor, _$parent, _value) {
146 | var eConfig = {
147 | columnKeys: {
148 | optionValue: "value",
149 | optionText: "text",
150 | optionSelected: "selected"
151 | }
152 | };
153 | jQuery.extend(true, eConfig, _editor.config);
154 |
155 | eConfig.options.forEach(function (n) {
156 | if (n[eConfig.columnKeys.optionValue] == _value) n[eConfig.columnKeys.optionSelected] = true;
157 | });
158 |
159 | var self = _root;
160 | _$el.data("binded-ax5ui", "ax5select");
161 | _$el.ax5select($.extend(true, {
162 | tabIndex: 1,
163 | direction: "auto",
164 | columnKeys: eConfig.columnKeys,
165 | options: eConfig.options,
166 | onStateChanged: function () {
167 | if (this.state == "open") {
168 | this.self.activeSelectOptionGroup.attr("data-ax5grid-inline-edit-picker", "select");
169 | } else if (this.state == "changeValue") {
170 | GRID.body.inlineEdit.deActive.call(self, "RETURN", _columnKey, this.value[0][eConfig.columnKeys.optionValue]);
171 | } else if (this.state == "close") {
172 | GRID.body.inlineEdit.deActive.call(self, "ESC", _columnKey);
173 | }
174 | }
175 | }, _editor.config));
176 | _$el.ax5select("open");
177 | _$el.ax5select("setValue", _value);
178 | _$el.find("a").focus();
179 | }
180 | };
181 |
182 | const edit_checkbox = {
183 | editMode: "inline",
184 | getHtml: function (_root, _editor, _value) {
185 |
186 | var lineHeight = (_root.config.body.columnHeight - _root.config.body.columnPadding * 2 - _root.config.body.columnBorderWidth);
187 | var checked;
188 | if (_editor.config && _editor.config.trueValue) {
189 | checked = (_value == _editor.config.trueValue) ? "true" : "false";
190 | } else {
191 | checked = (_value == false || _value == "false" || _value < "1") ? "false" : "true";
192 | }
193 |
194 | var eConfig = {
195 | marginTop: 2,
196 | height: lineHeight - 4
197 | };
198 | jQuery.extend(true, eConfig, _editor.config);
199 | eConfig.marginTop = (lineHeight - eConfig.height) / 2;
200 |
201 | return '';
202 | }
203 | };
204 |
205 | const edit_textarea = {
206 | useReturnToSave: false,
207 | editMode: "popup",
208 | _getHtml: function (_root, _columnKey, _editor, _value) {
209 | // init 에서 사용하게 될 HTML 태그를 만들어 줍니다.
210 | return ``;
211 | },
212 | _bindUI: function (_root, _columnKey, _$el, _editor, _$parent, _value) {
213 | // 위치와 크기를 구합니다.
214 | let offset = _$el.offset();
215 | let box = {
216 | width: _$el.width()
217 | };
218 | let editorHeight = 150;
219 | let buttonHeight = 30;
220 |
221 | // 새로운 엘리먼트 생성
222 | let $newDiv = jQuery(`
223 |
224 |
225 |
226 |
227 |
8 |
9 |
10 |
11 |
19 |
20 |
21 |
22 |
25 |
26 |
29 |
32 |
35 |
38 |
39 |
40 |
43 |
44 |
45 |
51 |
60 |
61 |
62 |
67 | {{#hasPage}}
68 |
69 | {{#firstIcon}}{{/firstIcon}}
70 |
71 |
72 |
73 | {{#@paging}}
74 |
75 | {{/@paging}}
76 |
77 |
78 |
79 | {{#lastIcon}}{{/lastIcon}}
80 |
81 | {{/hasPage}}
82 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
53 |
54 |
55 |
56 |
57 |
58 |
198 |
199 |
200 |
--------------------------------------------------------------------------------
/test/context-menu.html:
--------------------------------------------------------------------------------
1 |
2 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 | GRID
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
246 |
247 |
248 |
--------------------------------------------------------------------------------
/test/display.html:
--------------------------------------------------------------------------------
1 |
2 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 | GRID
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
53 |
54 |
55 |
56 |
57 |
58 |
59 |
60 |
61 |
62 |
63 |
243 |
244 |
245 |
--------------------------------------------------------------------------------
/test/flex.html:
--------------------------------------------------------------------------------
1 |
2 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 | GRID
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
47 |
48 |
49 |
155 |
156 |
157 |
--------------------------------------------------------------------------------
/test/focus-test.html:
--------------------------------------------------------------------------------
1 |
2 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 | GRID
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
37 |
38 |
212 |
213 |
214 |
--------------------------------------------------------------------------------
/test/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | GRID
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
31 |
32 |
33 |
height
34 |
35 |
36 |
37 |
38 |
39 |
40 |
row
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
column
49 |
50 |
51 |
52 |
53 |
54 |
etc.
55 |
56 |
57 |
58 |
59 |
60 |
61 |
62 |
63 |
64 |
65 |
66 |
67 |
68 |
69 |
70 |
71 |
72 |
73 |
74 |
75 |
76 |
77 |
343 |
344 |
345 |
--------------------------------------------------------------------------------
/test/index2.html:
--------------------------------------------------------------------------------
1 |
2 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 | GRID
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
53 |
54 |
59 |
60 |
61 |
62 |
263 |
264 |
265 |
--------------------------------------------------------------------------------
/test/inline-edit.html:
--------------------------------------------------------------------------------
1 |
2 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 | GRID
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
53 |
54 |
55 |
56 |
57 |
58 |
59 |
60 |
61 |
62 |
63 |
64 |
65 |
66 |
67 |
68 |
69 |
72 |
73 |
74 |
355 |
356 |
357 |
--------------------------------------------------------------------------------
/test/merge-cells.html:
--------------------------------------------------------------------------------
1 |
2 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 | GRID
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
53 |
54 |
55 |
56 |
57 |
58 |
59 |
60 |
61 |
62 |
63 |
64 |
65 |
66 |
67 |
68 |
71 |
72 |
73 |
332 |
333 |
334 |
--------------------------------------------------------------------------------
/test/onload-test.html:
--------------------------------------------------------------------------------
1 |
2 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 | GRID
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
37 |
38 |
119 |
120 |
121 |
--------------------------------------------------------------------------------
/test/paging.html:
--------------------------------------------------------------------------------
1 |
2 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 | GRID
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
37 |
38 |
41 |
42 |
43 |
44 |
217 |
218 |
219 |
--------------------------------------------------------------------------------
/test/php/composer.json:
--------------------------------------------------------------------------------
1 | {
2 | "require": {
3 | "fzaninotto/faker": "^1.6",
4 | "aviat4ion/query": "^2.5"
5 | }
6 | }
7 |
--------------------------------------------------------------------------------
/test/php/composer.lock:
--------------------------------------------------------------------------------
1 | {
2 | "_readme": [
3 | "This file locks the dependencies of your project to a known state",
4 | "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#composer-lock-the-lock-file",
5 | "This file is @generated automatically"
6 | ],
7 | "hash": "a52392adef56416c32d684e3efb4ab3a",
8 | "content-hash": "182bc53417cc5ef4fe472c003b2ac6bf",
9 | "packages": [
10 | {
11 | "name": "aviat4ion/query",
12 | "version": "v2.5.1",
13 | "source": {
14 | "type": "git",
15 | "url": "https://git.timshomepage.net/aviat4ion/Query.git",
16 | "reference": "555865bdb79fcaaf042ad43e45b3c9b0abbe02cc"
17 | },
18 | "require": {
19 | "php": ">=5.3"
20 | },
21 | "type": "library",
22 | "autoload": {
23 | "files": [
24 | "autoload.php"
25 | ]
26 | },
27 | "notification-url": "https://packagist.org/downloads/",
28 | "license": [
29 | "dbad-license"
30 | ],
31 | "authors": [
32 | {
33 | "name": "Timothy J. Warren",
34 | "email": "tim@timshomepage.net",
35 | "homepage": "https://timshomepage.net",
36 | "role": "Developer"
37 | }
38 | ],
39 | "description": "Database Query Builder and Abstraction layer",
40 | "homepage": "https://github.com/aviat4ion/Query",
41 | "keywords": [
42 | "codeigniter",
43 | "database",
44 | "firebird",
45 | "mysql",
46 | "pdo",
47 | "postgres",
48 | "query builder",
49 | "sqlite"
50 | ],
51 | "abandoned": "aviat/ion",
52 | "time": "2015-07-31 14:56:16"
53 | },
54 | {
55 | "name": "fzaninotto/faker",
56 | "version": "v1.6.0",
57 | "source": {
58 | "type": "git",
59 | "url": "https://github.com/fzaninotto/Faker.git",
60 | "reference": "44f9a286a04b80c76a4e5fb7aad8bb539b920123"
61 | },
62 | "dist": {
63 | "type": "zip",
64 | "url": "https://api.github.com/repos/fzaninotto/Faker/zipball/44f9a286a04b80c76a4e5fb7aad8bb539b920123",
65 | "reference": "44f9a286a04b80c76a4e5fb7aad8bb539b920123",
66 | "shasum": ""
67 | },
68 | "require": {
69 | "php": "^5.3.3|^7.0"
70 | },
71 | "require-dev": {
72 | "ext-intl": "*",
73 | "phpunit/phpunit": "~4.0",
74 | "squizlabs/php_codesniffer": "~1.5"
75 | },
76 | "type": "library",
77 | "extra": {
78 | "branch-alias": []
79 | },
80 | "autoload": {
81 | "psr-4": {
82 | "Faker\\": "src/Faker/"
83 | }
84 | },
85 | "notification-url": "https://packagist.org/downloads/",
86 | "license": [
87 | "MIT"
88 | ],
89 | "authors": [
90 | {
91 | "name": "François Zaninotto"
92 | }
93 | ],
94 | "description": "Faker is a PHP library that generates fake data for you.",
95 | "keywords": [
96 | "data",
97 | "faker",
98 | "fixtures"
99 | ],
100 | "time": "2016-04-29 12:21:54"
101 | }
102 | ],
103 | "packages-dev": [],
104 | "aliases": [],
105 | "minimum-stability": "stable",
106 | "stability-flags": [],
107 | "prefer-stable": false,
108 | "prefer-lowest": false,
109 | "platform": [],
110 | "platform-dev": []
111 | }
112 |
--------------------------------------------------------------------------------
/test/php/db/db.config.php:
--------------------------------------------------------------------------------
1 | 'sqlite',
13 | 'host' => '',
14 | 'user' => '',
15 | 'pass' => '',
16 | 'port' => '',
17 | 'database' => '',
18 |
19 | // Only required
20 | // SQLite or Firebird
21 | 'file' => 'db/sample.db',
22 |
23 | // Optional paramaters
24 | 'prefix' => '', // Database table prefix
25 | 'alias' => 'default' // Connection name for the Query function
26 | ));
--------------------------------------------------------------------------------
/test/php/db/sample.db:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ax5ui/ax5ui-grid/aebf37305228f511649f6533bcaa80b21ac3f4d1/test/php/db/sample.db
--------------------------------------------------------------------------------
/test/php/index.php:
--------------------------------------------------------------------------------
1 | set($_POST)
24 | ->update($_POST['id'])
25 | ->get_json();
26 | }
27 | break;
28 |
29 | case 'delete':
30 | if(isset($_POST['ids']) && !empty($_POST['ids'])) {
31 | $ret = $sales
32 | ->delete($_POST['ids'])
33 | ->get_json();
34 | }
35 | break;
36 |
37 | default:
38 | $len = isset($_POST['len']) ? $_POST['len'] : 10;
39 | $page = isset($_POST['page']) ? $_POST['page'] : 1;
40 | $sortInfo = isset($_POST['sort']) ? $_POST['sort'] : '';
41 |
42 | $ret = $sales
43 | ->set_limit($len)
44 | ->set_page($page)
45 | ->set_sort($sortInfo)
46 | ->read()
47 | ->get_json();
48 | break;
49 |
50 | }
51 |
52 | echo $ret;
53 |
54 | class json_data {
55 | protected $db;
56 | protected $ret;
57 | protected $setData;
58 | protected $data;
59 | protected $page;
60 | protected $offset;
61 | protected $limit;
62 | protected $tbl;
63 | protected $sort;
64 |
65 | public function __construct($page = 1, $limit = 10)
66 | {
67 | $this->db = Query(array(
68 | 'type' => 'sqlite',
69 | 'host' => '',
70 | 'user' => '',
71 | 'pass' => '',
72 | 'port' => '',
73 | 'database' => '',
74 |
75 | // Only required
76 | // SQLite or Firebird
77 | 'file' => 'db/sample.db',
78 |
79 | // Optional paramaters
80 | 'prefix' => '', // Database table prefix
81 | 'alias' => 'default' // Connection name for the Query function
82 | ));
83 |
84 | $this->ret = array(
85 | 'status' => 'success',
86 | 'msg' => '',
87 | 'data' => ''
88 | );
89 |
90 | $this->tbl = 'sales';
91 | $this->data = false;
92 | $this->setData = array();
93 |
94 | return $this;
95 | }
96 |
97 | public function read()
98 | {
99 | $this->page = intval($this->page) > 0 ? intval($this->page) : 1;
100 |
101 | $this->limit = intval($this->limit);
102 | $this->offset = ($this->page - 1) * $this->limit;
103 |
104 | $total_cnt = $this->db->count_all_results($this->tbl);
105 |
106 | if(is_array($this->sort) && !empty($this->sort)) {
107 | foreach($this->sort as $item) {
108 | $this->db->order_by($item['key'], $item['orderBy']);
109 | }
110 | }
111 |
112 | $this->data['list'] = $this->db
113 | ->limit($this->limit, $this->offset)
114 | ->get($this->tbl)
115 | ->fetchAll(PDO::FETCH_ASSOC);
116 |
117 | $this->data['page'] = array(
118 | 'currentPage' => $this->page - 1,
119 | 'pageSize' => $this->limit,
120 | 'totalPages' => ceil($total_cnt / $this->limit),
121 | 'totalElements' => $total_cnt
122 | );
123 |
124 | return $this;
125 | }
126 |
127 | public function update($id)
128 | {
129 | $column = array('company', 'price', 'amount');
130 |
131 | foreach($column as $key) {
132 | if(isset($this->setData[$key])) {
133 | $this->db->set($key, $this->setData[$key]);
134 | }
135 | }
136 |
137 | $cost = $this->setData['price'] * $this->setData['amount'];
138 | $this->db->set('cost', $cost);
139 |
140 | $this->db
141 | ->where('id', $id)
142 | ->update($this->tbl);
143 |
144 | $this->data['cost'] = $cost;
145 |
146 | return $this;
147 | }
148 |
149 | public function delete($ids)
150 | {
151 | $this->data = $ids;
152 | $this->db->where_in('id', $ids)->delete($this->tbl);
153 | return $this;
154 | }
155 |
156 | public function set($key, $data = null)
157 | {
158 | if(is_array($key)) {
159 | $this->setData = $key;
160 | } else {
161 | $this->setData[$key] = $data;
162 | }
163 |
164 | return $this;
165 | }
166 | public function get()
167 | {
168 | return $this->data;
169 | }
170 |
171 | public function get_one()
172 | {
173 | return isset($this->data[0]) ? $this->data[0] : false;
174 | }
175 |
176 | public function get_json($data = null)
177 | {
178 | $this->ret['data'] = $data ? $data : $this->data;
179 | return json_encode($this->ret);
180 | }
181 |
182 | public function set_limit($limit)
183 | {
184 | $this->limit = $limit;
185 |
186 | return $this;
187 | }
188 |
189 | public function set_page($page)
190 | {
191 | $this->page = $page;
192 |
193 | return $this;
194 | }
195 |
196 | public function set_sort($sort)
197 | {
198 | $this->sort = $sort;
199 |
200 | return $this;
201 | }
202 | }
--------------------------------------------------------------------------------
/test/php/lib/Grid.php:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | GRID
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
69 |
70 |
71 |
74 |
75 |
78 |
79 |
80 |
81 |
82 |
39 |
40 |
41 |
42 |
43 |
44 |
197 |
198 |
199 |
--------------------------------------------------------------------------------
/test/test.grid.html:
--------------------------------------------------------------------------------
1 |
2 |
7 |
8 |
9 |
10 |
11 | ax5ui TESTING
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
--------------------------------------------------------------------------------
/test/tree.html:
--------------------------------------------------------------------------------
1 |
2 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 | GRID
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
53 |
54 |
55 |
69 |
70 |
71 |
309 |
310 |
311 |
--------------------------------------------------------------------------------