/lib/AXGrid.js

https://github.com/qnotes/axisj · JavaScript · 5901 lines · 4830 code · 596 blank · 475 comment · 1954 complexity · d0c9e6b5b68a6b1fcf7cf76c261b08b1 MD5 · raw file

  1. /**
  2. * AXGrid
  3. * @class AXGrid
  4. * @extends AXJ
  5. * @version v1.65
  6. * @author tom@axisj.com
  7. * @logs
  8. "2012-12-24 오전 11:51:26",
  9. "2013-01-08 오전 10:53:46 50% 진행중 - tom",
  10. "2013-01-22 오후 10:20:01 99% 완료 - tom",
  11. "2013-02-11 오후 12:21:55 editor value function 구문 적용 - tom",
  12. "2013-02-15 오후 7:04:03 list length 가 1일때 setEditor 버그 수정 - tom",
  13. "2013-02-16 오후 1:12:17 휠 스크롤 제어 예외 처리 - tom",
  14. "2013-02-16 오후 10:37:55 reloadList 추가 - tom",
  15. "2013-04-08 오후 9:48:53 getCheckedListWithIndex 추가 - tom",
  16. "2013-05-09 오후 1:56:53 setFocus 추가 - tom",
  17. "2013-06-17 오후 12:52:04 setFocus 스크롤 자동이동 기능 보강 / focusMove 추가 - tom ",
  18. "2013-06-21 오전 10:34:04 fitToWidth 속성 추가 & marker bugfix - tom",
  19. "2013-06-25 오후 5:23:29 getSelectedItem 추가 / 버그픽스 - tom",
  20. "2013-06-28 오전 11:32:33 wheel 버그픽스 - tom",
  21. "2013-07-04 오후 1:12:34 tooltip 속성 추가 - tom",
  22. "2013-07-17 오후 4:27:34 페이지 변경시 서버 2중 호출 버그 픽스",
  23. "2013-07-21 오후 10:15:09 wheel 버그픽스 - tom",
  24. "2013-07-24 오전 10:17:05 page 선언안함 버그픽스 - tom",
  25. "2013-09-04 오후 2:49:54 AXConfig에서 설정값 바인딩 구조로 변경 처리 - tom",
  26. "2013-09-23 오후 4:07:58 printList에서 리스트가 없을때 this.redrawGrid() 호출 추가 - root",
  27. "2013-09-24 오전 12:49:34 setList 선언전에 append 안되는 문제와 목록없음 표시 처리 문제 보강 / body > onscrollend 함수 지원 - tom",
  28. "2013-09-29 오전 12:41:29 colGroup width:'*' 옵션추가 / colHeadAlign 우선순위 조정 - tom",
  29. "2013-09-30 오전 1:40:22 colMap 함수정리 - tom",
  30. "2013-10-18 오전 8:30:50 dblclick 이벤트 개선 / click(index) 메서드 추가 - tom",
  31. "2013-10-23 오후 2:48:24 formatter radio 지원 - tom",
  32. "2013-10-24 오후 10:01:27 colGroup formatter - displayLabel:true 옵션추가 - tom",
  33. "2013-10-28 오전 9:37:26 page count 버그 픽스 / $ 키워드 제거 - tom",
  34. "2013-11-13 오전 10:09:14 tom : fitToWidth 창 최대화 최소화 버그 픽스",
  35. "2013-11-18 오후 1:34:35 tom : grid owidth 버그 픽스",
  36. "2013-12-09 오후 4:26:45 tom : setList 후 그리드 스크롤포지션 문제 해결",
  37. "2013-12-11 오후 9:31:45 tom : ajax setList 그리드 스크롤포지션 문제 해결",
  38. "2013-12-19 오후 3:30 tom : height=auto 일 경우 scrollTop 되는 현상 해결",
  39. "2013-12-24 오후 2:30:25 tom : 버그픽스",
  40. "2013-12-27 오전 11:56:44 tom marker bugfix",
  41. "2013-12-30 오후 11:00:00 tom : colGroup sort:false 기능 추가 및 버그 픽스",
  42. "2014-01-01 오후 8:55:17 tom : editor validate 액션버그 픽스",
  43. "2014-01-03 오후 3:31:09 tom : gridBodyClick 이벤트함수 수정",
  44. "2014-01-10 오후 5:08:30 tom : listCountMSG 설정 기능 추가",
  45. "2014-02-04 오전 10:13:38 tom : setList 메소드 호출 할 때 pageNo : 1 로 변경 기능 추가",
  46. "2014-02-06 오후 7:59:54 tom : jQuery 독립 우회 코드 변경",
  47. "2014-02-12 오전 11:31:41 tom : 불필요한 node 제거, * 설정시 헤드 너비 오차 문제 해결",
  48. "2014-02-14 오전 11:10:45 tom : setEditor 후 selector 키컨트롤 이벤트 방지, editor 안에 onkeyup 메소드 추가",
  49. "2014-02-14 오후 12:42:32 tom : appendList메소드 index를 지정 하지 않으면 맨 마지막으로 추가 되도록 변경",
  50. "2014-02-25 오전 11:24:29 tom : formatter 함수 this에 .value, .key 속성 추가",
  51. "2014-03-05 오후 12:17:26 tom : editor.response 에서 validate 후 editor 사라지도록 기능 변경, editorForm Item 중복되지 않도록 수정",
  52. "2014-03-05 오후 5:13:45 tom : 열 리사이즈했을 때 스크롤 위치 버그픽스",
  53. "2014-03-06 오후 8:22:00 tom : 열 리사이즈 후 컬럼 숨기기 표시 하시 액션 너비 변경 버그픽스",
  54. "2014-03-12 오후 3:04:11 root : 그리드 헤드 체크 박스 클릭시 disable 된 row 는 체크 하지않도록 변경",
  55. "2014-03-20 오전 11:16:51 tom : printList 실행 할 때 editor 활성화 되었으면 에디터 비 활성화",
  56. "2014-03-28 오전 8:18:54 tom : click 메소드 호출시 callBack 버그 픽스",
  57. "2014-03-31 오전 2:07:24 tom : init 에서 printList 호출 제거 / body.marker.addClass 속성 추가",
  58. "2014-03-31 오후 4:14:34 tom : scroll 영역 조정 ",
  59. "2014-04-01 오후 7:10:34 tom : .each for 로 변경/ changeGridView 메소드 추가",
  60. "2014-04-20 tom : listLoadingDisplay 실행할 때 가능하면 스크롤바의 위치를 맨위로 이동 시키기",
  61. "2014-04-22 tom : setList 호출시 onError 속성 추가",
  62. "2014-04-25 tom : setData 메소드 추가",
  63. "2014-04-28 tom : mobile 에서 터치무브 버그 픽스",
  64. "2014-04-28 tom : config.emptyListMSG 에서 설정가능",
  65. "2014-04-29 tom : AXConfig.AXGrid.pageCountMsg 설정기능 추가"
  66. * @description
  67. *
  68. ```js
  69. var myGrid = new AXGrid();
  70. myGrid.setConfig(classConfig:JSObject);
  71. ```
  72. *
  73. */
  74. var AXGrid;
  75. AXGrid = Class.create(AXJ, {
  76. initialize: function (AXJ_super) {
  77. AXJ_super();
  78. this.Observer = null;
  79. this.list = [];
  80. this.removedList = [];
  81. this.pageActive = false;
  82. this.page = { pageNo: 0, pageSize: 100, pageCount: "", listCount: 0 };
  83. this.moveSens = 0;
  84. this.config.viewMode = "grid"; // icon, mobile
  85. this.config.moveSens = 1;
  86. this.config.formPaddingRight = "11px";
  87. this.config.sort = true;
  88. this.config.xscroll = true;
  89. this.config.fitToWidth = (AXConfig.AXGrid.fitToWidth || false);
  90. this.config.fitToWidthRightMargin = (AXConfig.AXGrid.fitToWidthRightMargin || 10);
  91. this.config.passiveMode = AXConfig.AXGrid.passiveMode;
  92. this.config.passiveRemoveHide = AXConfig.AXGrid.passiveRemoveHide;
  93. this.selectedCells = [];
  94. this.selectedRow = [];
  95. var browser = AXUtil.browser;
  96. this.isMobile = browser.mobile;
  97. },
  98. /* 공통 영역 */
  99. defineConfig: function (rewrite) {
  100. var cfg = this.config;
  101. if (cfg.colGroup.length == 0) {
  102. trace("colGrpup is empty)");
  103. return;
  104. }
  105. /* col너비 합계 구하기 */
  106. var colWidth = 0;
  107. var hasHiddenCell = false;
  108. var showColLen = 0;
  109. if (!rewrite) this.fixedColSeq = cfg.fixedColSeq;
  110. var bodyWidth = this.body.width();
  111. var astricCount = 0;
  112. for (var CG, cidx = 0, __arr = cfg.colGroup; (cidx < __arr.length && (CG = __arr[cidx])); cidx++) {
  113. if (CG.colSeq == undefined) CG.colSeq = cidx;
  114. if (CG.display == undefined) CG.display = true;
  115. if (CG.display) {
  116. if (!rewrite) {
  117. if (CG.width == "*") {
  118. CG.width = 0;
  119. CG.widthAstric = true;
  120. astricCount++;
  121. }
  122. CG._owidth = CG.width;
  123. /* 최초의 너비값 기억 하기 */
  124. } else {
  125. if (CG.widthAstric) {
  126. CG.width = 0;
  127. CG._owidth = CG.width;
  128. astricCount++;
  129. }
  130. }
  131. colWidth += (CG._owidth || 0).number();
  132. showColLen += 1;
  133. } else {
  134. hasHiddenCell = true;
  135. }
  136. }
  137. if (!cfg.fitToWidth) {
  138. /* width * 예외처리 구문 ------------ s */
  139. if ((bodyWidth - cfg.fitToWidthRightMargin) > (colWidth + 100 * astricCount)) {
  140. var remainsWidth = (bodyWidth - cfg.fitToWidthRightMargin) - colWidth;
  141. for (var CG, cidx = 0, __arr = cfg.colGroup; (cidx < __arr.length && (CG = __arr[cidx])); cidx++) {
  142. if (CG.display && CG.widthAstric) {
  143. CG._owidth = (remainsWidth / astricCount).ceil();
  144. CG.width = CG._owidth;
  145. colWidth += (CG._owidth || 0).number();
  146. }
  147. }
  148. } else {
  149. for (var CG, cidx = 0, __arr = cfg.colGroup; (cidx < __arr.length && (CG = __arr[cidx])); cidx++) {
  150. if (CG.display && CG.widthAstric) {
  151. CG._owidth = 100;
  152. CG.width = 100;
  153. colWidth += (CG._owidth || 0).number();
  154. }
  155. }
  156. }
  157. /* width * 예외처리 구문 ------------ e */
  158. } else {
  159. for (var CG, cidx = 0, __arr = cfg.colGroup; (cidx < __arr.length && (CG = __arr[cidx])); cidx++) {
  160. if (CG.display && CG.widthAstric) {
  161. CG.width = 100;
  162. CG._owidth = 100;
  163. colWidth += (CG._owidth || 0).number();
  164. }
  165. }
  166. }
  167. this.colWidth = colWidth;
  168. if (cfg.fitToWidth) { /*너비 자동 맞춤버전의 경우 */
  169. if (bodyWidth > this.colWidth) {
  170. var _bodyWidth = bodyWidth - cfg.fitToWidthRightMargin;
  171. var zoomRatio = bodyWidth / this.colWidth;
  172. colWidth = 0;
  173. for (var CG, cidx = 0, __arr = cfg.colGroup; (cidx < __arr.length && (CG = __arr[cidx])); cidx++) {
  174. CG.width = (CG._owidth * zoomRatio).ceil();
  175. if (_bodyWidth > CG.width) _bodyWidth -= CG.width;
  176. else CG.width = _bodyWidth;
  177. if (CG.display) colWidth += CG.width.number();
  178. }
  179. this.colWidth = colWidth;
  180. } else {
  181. colWidth = 0;
  182. for (var CG, cidx = 0, __arr = cfg.colGroup; (cidx < __arr.length && (CG = __arr[cidx])); cidx++) {
  183. if (CG._owidth == undefined) CG._owidth = (CG.width || 0).number();
  184. CG.width = CG._owidth.number();
  185. if (CG.display) colWidth += CG.width.number();
  186. }
  187. this.colWidth = colWidth;
  188. }
  189. }
  190. this.showColLen = showColLen;
  191. /* col너비 합계 구하기 ~~~~~~~~~~~~~~ 구해진 너비합은 그리드 head, body 의 너비로 지정됨. */
  192. if (!cfg.colHead) cfg.colHead = {};
  193. if (!cfg.body) cfg.body = {};
  194. if (!cfg.page) cfg.page = { display: false, paging: false, status: { formatter: null } };
  195. if (cfg.colHead.rowsEmpty) cfg.colHead.rows = undefined;
  196. if (cfg.body.rowsEmpty) cfg.body.rows = undefined;
  197. /* colHead rows ----------------------------------------------------------------------------------------------------- */
  198. if (cfg.colHead.rows) {
  199. /* colHeadRow 정해진 경우 */
  200. cfg.colHead._maps = new Array(cfg.colHead.rows.length);
  201. var colMaxLen = 0;
  202. for (var r = 0; r < cfg.colHead.rows.length; r++) {
  203. var colLen = 0;
  204. for (var CH, CHidx = 0, __arr = cfg.colHead.rows[r]; (CHidx < __arr.length && (CH = __arr[CHidx])); CHidx++) {
  205. if (CH.rowspan == undefined || CH.rowspan == null) CH.rowspan = 1;
  206. if (CH.colspan == undefined || CH.colspan == null) {
  207. CH.colspan = 1;
  208. CH._colspan = 1;
  209. } else {
  210. if (!rewrite) {
  211. CH._colspan = CH.colspan;
  212. } else {
  213. CH.colspan = CH._colspan;
  214. }
  215. }
  216. if (CH.valign == undefined || CH.valign == null) CH.valign = "bottom";
  217. if (cfg.colHeadAlign) CH.align = "center";
  218. colLen += CH.colspan.number();
  219. }
  220. if (colMaxLen < colLen) colMaxLen = colLen;
  221. }
  222. for (var _m = 0; _m < cfg.colHead._maps.length; _m++) {
  223. cfg.colHead._maps[_m] = new Array(colMaxLen);
  224. }
  225. /* colEndPosition 관련 처리 함수 */
  226. var appendPosToColHeadMap = function (r, c, posR, position) {
  227. var nC = position.c;
  228. /*시작 컬럼 위치 */
  229. var startPosition = null;
  230. for (var rr = posR; rr < (posR + r); rr++) {
  231. if (r > 1) if (rr > 0 && startPosition != null) nC = startPosition;
  232. var tC = c;
  233. /*컬럼 루프횟수 */
  234. var isWhile = true;
  235. /* 루프유지변수 */
  236. while (isWhile) {
  237. try {
  238. if (tC == 0) {
  239. isWhile = false;
  240. } else {
  241. if (cfg.colHead._maps[rr][nC] == undefined) {
  242. cfg.colHead._maps[rr][nC] = position;
  243. if (startPosition == null) startPosition = nC;
  244. tC--;
  245. } else {
  246. nC++;
  247. }
  248. }
  249. } catch (e) {
  250. isWhile = false;
  251. }
  252. }
  253. }
  254. return startPosition;
  255. };
  256. for (var r = 0; r < cfg.colHead.rows.length; r++) {
  257. //var startPosition = null;
  258. //var isMultiRow = false;
  259. for (var CH, CHidx = 0, __arr = cfg.colHead.rows[r]; (CHidx < __arr.length && (CH = __arr[CHidx])); CHidx++) {
  260. if (CH.colSeq != undefined) {
  261. var myCG = cfg.colGroup.getToSeq(CH.colSeq);
  262. } else {
  263. var myCG = cfg.colGroup.searchObject(function () {
  264. return CH.key == this.item.key;
  265. }).first();
  266. }
  267. if (myCG != null) {
  268. if (rewrite) AXUtil.overwriteObject(CH, myCG, true);
  269. else AXUtil.overwriteObject(CH, myCG, false);
  270. } else {
  271. AXUtil.overwriteObject(CH, { align: "left", valign: "bottom", display: true, rowspan: 1, colspan: 1 }, false);
  272. }
  273. appendPosToColHeadMap(CH.rowspan, CH.colspan, r, { r: r, c: CHidx });
  274. }
  275. }
  276. /*colHead._maps 마지막 줄에 해당하는 cfg.colHead.rows 에 속성부여 */
  277. for (var m, midx = 0, __arr = cfg.colHead._maps.last(); (midx < __arr.length && (m = __arr[midx])); midx++) {
  278. if (m) cfg.colHead.rows[m.r][m.c].isLastCell = true;
  279. }
  280. if (hasHiddenCell) { /* colGroup 중에 숨겨진 col 이 존재하는 경우 */
  281. /* colspan 감소 시키기 */
  282. for (var CG, cidx = 0, __arr = cfg.colGroup; (cidx < __arr.length && (CG = __arr[cidx])); cidx++) {
  283. if (!CG.display) {
  284. var rowPosition = null;
  285. for (var a = 0; a < cfg.colHead._maps.length; a++) {
  286. if (rowPosition != cfg.colHead._maps[a][cidx]) {
  287. rowPosition = cfg.colHead._maps[a][cidx];
  288. cfg.colHead.rows[rowPosition.r][rowPosition.c].colspan--;
  289. }
  290. }
  291. }
  292. }
  293. }
  294. /*trace(cfg.colHead._maps); //_maps check */
  295. /* colHeadRow 정해진 경우 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
  296. } else {
  297. /* colHeadRow 정해지지 않은 경우 */
  298. cfg.colHead._maps = [
  299. []
  300. ];
  301. var colHeadRows = [
  302. []
  303. ];
  304. for (var CG, cidx = 0, __arr = cfg.colGroup; (cidx < __arr.length && (CG = __arr[cidx])); cidx++) {
  305. var adder = {
  306. key: CG.key,
  307. colSeq: CG.colSeq,
  308. label: CG.label,
  309. align: (cfg.colHeadAlign || CG.align || "left"),
  310. rowspan: 1, colspan: 1,
  311. valign: "bottom", isLastCell: true, display: CG.display, formatter: CG.formatter, checked: CG.checked, disabled: CG.disabled,
  312. sort: CG.sort,
  313. tooltip: CG.tooltip,
  314. displayLabel: (CG.displayLabel || false)
  315. };
  316. colHeadRows[0].push(adder);
  317. cfg.colHead._maps[0].push({ r: 0, c: cidx });
  318. }
  319. cfg.colHead.rows = colHeadRows;
  320. cfg.colHead.rowsEmpty = true;
  321. /* colHeadRow 정해지지 않은 경우 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
  322. }
  323. /* colHead rows ----------------------------------------------------------------------------------------------------- */
  324. /* body rows ------------------------------------------------------------------------------------------------------- */
  325. if (cfg.body.rows) {
  326. /* bodyRow 정해진 경우 */
  327. cfg.body._maps = new Array(cfg.body.rows.length);
  328. var colMaxLen = 0;
  329. for (var r = 0; r < cfg.body.rows.length; r++) {
  330. var colLen = 0;
  331. for (var CH, CHidx = 0, __arr = cfg.body.rows[r]; (CHidx < __arr.length && (CH = __arr[CHidx])); CHidx++) {
  332. if (CH.colspan == undefined || CH.colspan == null) {
  333. CH.colspan = 1;
  334. CH._colspan = 1;
  335. } else {
  336. if (!rewrite) CH._colspan = CH.colspan;
  337. else CH.colspan = CH._colspan;
  338. }
  339. if (CH.rowspan == undefined || CH.rowspan == null) CH.rowspan = 1;
  340. if (CH.valign == undefined || CH.valign == null) CH.valign = "middle";
  341. /* if(CH.align == undefined || CH.align == null) CH.align = "left"; */
  342. colLen += CH.colspan.number();
  343. }
  344. if (colMaxLen < colLen) colMaxLen = colLen;
  345. }
  346. for (var _m = 0; _m < cfg.body._maps.length; _m++) {
  347. cfg.body._maps[_m] = new Array(colMaxLen);
  348. }
  349. /* colEndPosition 관련 처리 함수 */
  350. var appendPosToBodyMap = function (r, c, posR, position) {
  351. var nC = position.c;
  352. /*시작 컬럼 위치 */
  353. var startPosition = null;
  354. for (var rr = posR; rr < (posR + r); rr++) {
  355. if (r > 1) if (rr > 0 && startPosition != null) nC = startPosition;
  356. var tC = c;
  357. /*컬럼 루프횟수 */
  358. var isWhile = true;
  359. /* 루프유지변수 */
  360. while (isWhile) {
  361. try {
  362. if (tC == 0) {
  363. isWhile = false;
  364. } else {
  365. if (cfg.body._maps[rr][nC] == undefined) {
  366. cfg.body._maps[rr][nC] = position;
  367. if (startPosition == null) startPosition = nC;
  368. tC--;
  369. } else {
  370. nC++;
  371. }
  372. }
  373. } catch (e) {
  374. isWhile = false;
  375. }
  376. }
  377. }
  378. };
  379. for (var r = 0; r < cfg.body.rows.length; r++) {
  380. for (var CH, CHidx = 0, __arr = cfg.body.rows[r]; (CHidx < __arr.length && (CH = __arr[CHidx])); CHidx++) {
  381. if (CH.colSeq != undefined) {
  382. var myCG = cfg.colGroup.getToSeq(CH.colSeq);
  383. } else {
  384. var myCG = cfg.colGroup.searchObject(function () {
  385. return this.item.key == CH.key;
  386. }).first();
  387. }
  388. if (myCG != null) {
  389. AXUtil.overwriteObject(CH, myCG, false);
  390. } else {
  391. AXUtil.overwriteObject(CH, { align: "left", valign: "bottom", display: true, rowspan: 1, colspan: 1 }, false);
  392. }
  393. appendPosToBodyMap(CH.rowspan, CH.colspan, r, { r: r, c: CHidx });
  394. }
  395. }
  396. /*body._maps 마지막 줄에 해당하는 cfg.body.rows 에 속성부여 */
  397. for (var m, midx = 0, __arr = cfg.body._maps.last(); (midx < __arr.length && (m = __arr[midx])); midx++) {
  398. if (m) cfg.body.rows[m.r][m.c].isLastCell = true;
  399. }
  400. if (hasHiddenCell) { /* colGroup 중에 숨겨진 col 이 존재하는 경우 */
  401. /* colspan 감소 시키기 */
  402. for (var CG, cidx = 0, __arr = cfg.colGroup; (cidx < __arr.length && (CG = __arr[cidx])); cidx++) {
  403. if (!CG.display) {
  404. for (var a = 0; a < cfg.body._maps.length; a++) {
  405. var rowPosition = cfg.body._maps[a][cidx];
  406. cfg.body.rows[rowPosition.r][rowPosition.c].colspan--;
  407. }
  408. }
  409. }
  410. }
  411. /* bodyRow 정해진 경우 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
  412. } else {
  413. /* bodyRow 정해지지 않은 경우 */
  414. cfg.body._maps = [
  415. []
  416. ];
  417. var bodyRows = [
  418. []
  419. ];
  420. for (var CG, cidx = 0, __arr = cfg.colGroup; (cidx < __arr.length && (CG = __arr[cidx])); cidx++) {
  421. var adder = {
  422. key: CG.key, colSeq: CG.colSeq, label: CG.label, align: (CG.align || "left"), rowspan: 1, colspan: 1, valign: "middle", isLastCell: true,
  423. display: CG.display, checked: CG.checked, disabled: CG.disabled, formatter: CG.formatter,
  424. tooltip: CG.tooltip
  425. };
  426. bodyRows[0].push(adder);
  427. cfg.body._maps[0].push({ r: 0, c: cidx });
  428. }
  429. cfg.body.rows = bodyRows;
  430. cfg.body.rowsEmpty = true;
  431. /* bodyRow 정해지지 않은 경우 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
  432. }
  433. /* body rows ------------------------------------------------------------------------------------------------------- */
  434. /*marker 관련 데이터 정리 */
  435. if (cfg.body.marker) {
  436. if (cfg.body.marker.rows) {
  437. this.bodyHasMarker = true;
  438. cfg.body.marker._maps = new Array(cfg.body.marker.rows.length);
  439. colMaxLen = 0;
  440. for (var r = 0; r < cfg.body.marker.rows.length; r++) {
  441. var colLen = 0;
  442. for (var CH, CHidx = 0, __arr = cfg.body.marker.rows[r]; (CHidx < __arr.length && (CH = __arr[CHidx])); CHidx++) {
  443. if (CH.rowspan == undefined || CH.rowspan == null) CH.rowspan = 1;
  444. if (CH.colspan == undefined || CH.colspan == null) {
  445. CH.colspan = 1;
  446. CH._colspan = 1;
  447. } else {
  448. if (!rewrite) CH._colspan = CH.colspan;
  449. else CH.colspan = CH._colspan;
  450. }
  451. if (CH.valign == undefined || CH.valign == null) CH.valign = "bottom";
  452. colLen += CH.colspan.number();
  453. }
  454. if (colMaxLen < colLen) colMaxLen = colLen;
  455. }
  456. for (var _m = 0; _m < cfg.body.marker._maps.length; _m++) {
  457. cfg.body.marker._maps[_m] = new Array(colMaxLen);
  458. }
  459. /* colEndPosition 관련 처리 함수 */
  460. var appendPosToMarkerMap = function (r, c, posR, position) {
  461. var nC = position.c;
  462. /*시작 컬럼 위치 */
  463. var startPosition = null;
  464. for (var rr = posR; rr < (posR + r); rr++) {
  465. if (r > 1) if (rr > 0 && startPosition != null) nC = startPosition;
  466. var tC = c;
  467. /*컬럼 루프횟수 */
  468. var isWhile = true;
  469. /* 루프유지변수 */
  470. while (isWhile) {
  471. try {
  472. if (tC == 0) {
  473. isWhile = false;
  474. } else {
  475. if (cfg.body.marker._maps[rr][nC] == undefined) {
  476. cfg.body.marker._maps[rr][nC] = position;
  477. if (startPosition == null) startPosition = nC;
  478. tC--;
  479. } else {
  480. nC++;
  481. }
  482. }
  483. } catch (e) {
  484. isWhile = false;
  485. }
  486. }
  487. }
  488. };
  489. for (var r = 0; r < cfg.body.marker.rows.length; r++) {
  490. for (var CH, CHidx = 0, __arr = cfg.body.marker.rows[r]; (CHidx < __arr.length && (CH = __arr[CHidx])); CHidx++) {
  491. if (CH.colSeq != undefined) {
  492. var myCG = cfg.colGroup.getToSeq(CH.colSeq);
  493. } else {
  494. var myCG = cfg.colGroup.searchObject(function () {
  495. return this.item.key == CH.key;
  496. }).first();
  497. }
  498. if (myCG != null) {
  499. AXUtil.overwriteObject(CH, myCG, false);
  500. } else {
  501. AXUtil.overwriteObject(CH, { align: "left", valign: "bottom", display: true, rowspan: 1, colspan: 1 }, false);
  502. }
  503. appendPosToMarkerMap(CH.rowspan, CH.colspan, r, { r: r, c: CHidx });
  504. }
  505. }
  506. /*colHead._maps 마지막 줄에 해당하는 cfg.colHead.rows 에 속성부여 */
  507. for (var m, midx = 0, __arr = cfg.body.marker._maps.last(); (midx < __arr.length && (m = __arr[midx])); midx++) {
  508. if (m) cfg.body.marker.rows[m.r][m.c].isLastCell = true;
  509. }
  510. if (hasHiddenCell) { /* colGroup 중에 숨겨진 col 이 존재하는 경우 */
  511. /* colspan 감소 시키기 */
  512. for (var CG, cidx = 0, __arr = cfg.colGroup; (cidx < __arr.length && (CG = __arr[cidx])); cidx++) {
  513. if (!CG.display) {
  514. for (var a = 0; a < cfg.body.marker._maps.length; a++) {
  515. var rowPosition = cfg.body.marker._maps[a][cidx];
  516. cfg.body.marker.rows[rowPosition.r][rowPosition.c].colspan--;
  517. }
  518. }
  519. }
  520. }
  521. }
  522. }
  523. /*marker 관련 데이터 정리 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
  524. /*head 관련 데이터 정리 */
  525. if (cfg.head) {
  526. cfg.head._maps = new Array(cfg.head.rows.length);
  527. colMaxLen = 0;
  528. for (var r = 0; r < cfg.head.rows.length; r++) {
  529. var colLen = 0;
  530. for (var CH, CHidx = 0, __arr = cfg.head.rows[r]; (CHidx < __arr.length && (CH = __arr[CHidx])); CHidx++) {
  531. if (CH.rowspan == undefined || CH.rowspan == null) CH.rowspan = 1;
  532. if (CH.colspan == undefined || CH.colspan == null) {
  533. CH.colspan = 1;
  534. CH._colspan = 1;
  535. } else {
  536. if (!rewrite) CH._colspan = CH.colspan;
  537. else CH.colspan = CH._colspan;
  538. }
  539. if (CH.valign == undefined || CH.valign == null) CH.valign = "bottom";
  540. /*if(CH.align == undefined || CH.align == null) CH.align = "left"; */
  541. colLen += CH.colspan.number();
  542. }
  543. if (colMaxLen < colLen) colMaxLen = colLen;
  544. }
  545. for (var _m = 0; _m < cfg.head._maps.length; _m++) {
  546. cfg.head._maps[_m] = new Array(colMaxLen);
  547. }
  548. /* colEndPosition 관련 처리 함수 */
  549. var appendPosToHeadMap = function (r, c, posR, position) {
  550. var nC = position.c;
  551. /*시작 컬럼 위치 */
  552. var startPosition = null;
  553. for (var rr = posR; rr < (posR + r); rr++) {
  554. if (r > 1) if (rr > 0 && startPosition != null) nC = startPosition;
  555. var tC = c;
  556. /*컬럼 루프횟수 */
  557. var isWhile = true;
  558. /* 루프유지변수 */
  559. while (isWhile) {
  560. try {
  561. if (tC == 0) {
  562. isWhile = false;
  563. } else {
  564. if (cfg.head._maps[rr][nC] == undefined) {
  565. cfg.head._maps[rr][nC] = position;
  566. if (startPosition == null) startPosition = nC;
  567. tC--;
  568. } else {
  569. nC++;
  570. }
  571. }
  572. } catch (e) {
  573. isWhile = false;
  574. }
  575. }
  576. }
  577. };
  578. for (var r = 0; r < cfg.head.rows.length; r++) {
  579. for (var CH, CHidx = 0, __arr = cfg.head.rows[r]; (CHidx < __arr.length && (CH = __arr[CHidx])); CHidx++) {
  580. if (CH.colSeq != undefined) {
  581. var myCG = cfg.colGroup.getToSeq(CH.colSeq);
  582. } else {
  583. var myCG = cfg.colGroup.searchObject(function () {
  584. return this.item.key == CH.key;
  585. }).first();
  586. }
  587. if (myCG != null) {
  588. AXUtil.overwriteObject(CH, myCG, false);
  589. } else {
  590. AXUtil.overwriteObject(CH, { align: "left", valign: "bottom", display: true, rowspan: 1, colspan: 1 }, false);
  591. }
  592. appendPosToHeadMap(CH.rowspan, CH.colspan, r, { r: r, c: CHidx });
  593. }
  594. }
  595. /*colHead._maps 마지막 줄에 해당하는 cfg.colHead.rows 에 속성부여 */
  596. for (var m, midx = 0, __arr = cfg.head._maps.last(); (midx < __arr.length && (m = __arr[midx])); midx++) {
  597. if (m) cfg.head.rows[m.r][m.c].isLastCell = true;
  598. }
  599. if (hasHiddenCell) { /* colGroup 중에 숨겨진 col 이 존재하는 경우 */
  600. /* colspan 감소 시키기 */
  601. for (var CG, cidx = 0, __arr = cfg.colGroup; (cidx < __arr.length && (CG = __arr[cidx])); cidx++) {
  602. if (!CG.display) {
  603. for (var a = 0; a < cfg.head._maps.length; a++) {
  604. var rowPosition = cfg.head._maps[a][cidx];
  605. cfg.head.rows[rowPosition.r][rowPosition.c].colspan--;
  606. }
  607. }
  608. }
  609. }
  610. }
  611. /*head 관련 데이터 정리 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
  612. /*foot 관련 데이터 정리 */
  613. if (cfg.foot) {
  614. cfg.foot._maps = new Array(cfg.foot.rows.length);
  615. colMaxLen = 0;
  616. for (var r = 0; r < cfg.foot.rows.length; r++) {
  617. var colLen = 0;
  618. for (var CH, CHidx = 0, __arr = cfg.foot.rows[r]; (CHidx < __arr.length && (CH = __arr[CHidx])); CHidx++) {
  619. if (CH.rowspan == undefined || CH.rowspan == null) CH.rowspan = 1;
  620. if (CH.colspan == undefined || CH.colspan == null) {
  621. CH.colspan = 1;
  622. CH._colspan = 1;
  623. } else {
  624. if (!rewrite) CH._colspan = CH.colspan;
  625. else CH.colspan = CH._colspan;
  626. }
  627. if (CH.valign == undefined || CH.valign == null) CH.valign = "bottom";
  628. colLen += CH.colspan.number();
  629. }
  630. if (colMaxLen < colLen) colMaxLen = colLen;
  631. }
  632. for (var _m = 0; _m < cfg.foot._maps.length; _m++) {
  633. cfg.foot._maps[_m] = new Array(colMaxLen);
  634. }
  635. /* colEndPosition 관련 처리 함수 */
  636. var appendPosToFootMap = function (r, c, posR, position) {
  637. var nC = position.c;
  638. /*시작 컬럼 위치 */
  639. var startPosition = null;
  640. for (var rr = posR; rr < (posR + r); rr++) {
  641. if (r > 1) if (rr > 0 && startPosition != null) nC = startPosition;
  642. var tC = c;
  643. var isWhile = true;
  644. while (isWhile) {
  645. try {
  646. if (tC == 0) {
  647. isWhile = false;
  648. } else {
  649. if (cfg.foot._maps[rr][nC] == undefined) {
  650. cfg.foot._maps[rr][nC] = position;
  651. if (startPosition == null) startPosition = nC;
  652. tC--;
  653. } else {
  654. nC++;
  655. }
  656. }
  657. } catch (e) {
  658. isWhile = false;
  659. }
  660. }
  661. }
  662. };
  663. for (var r = 0; r < cfg.foot.rows.length; r++) {
  664. for (var CH, CHidx = 0, __arr = cfg.foot.rows[r]; (CHidx < __arr.length && (CH = __arr[CHidx])); CHidx++) {
  665. if (CH.colSeq != undefined) {
  666. var myCG = cfg.colGroup.getToSeq(CH.colSeq);
  667. } else {
  668. var myCG = cfg.colGroup.searchObject(function () {
  669. return this.item.key == CH.key;
  670. }).first();
  671. }
  672. if (myCG != null) {
  673. AXUtil.overwriteObject(CH, myCG, false);
  674. } else {
  675. AXUtil.overwriteObject(CH, { align: "left", valign: "bottom", display: true, rowspan: 1, colspan: 1 }, false);
  676. }
  677. appendPosToFootMap(CH.rowspan, CH.colspan, r, { r: r, c: CHidx });
  678. }
  679. }
  680. /*colHead._maps 마지막 줄에 해당하는 cfg.colHead.rows 에 속성부여 */
  681. for (var m, midx = 0, __arr = cfg.foot._maps.last(); (midx < __arr.length && (m = __arr[midx])); midx++) {
  682. if (m) cfg.foot.rows[m.r][m.c].isLastCell = true;
  683. }
  684. if (hasHiddenCell) { /* colGroup 중에 숨겨진 col 이 존재하는 경우 */
  685. for (var CG, cidx = 0, __arr = cfg.colGroup; (cidx < __arr.length && (CG = __arr[cidx])); cidx++) {
  686. if (!CG.display) {
  687. for (var a = 0; a < cfg.foot._maps.length; a++) {
  688. var rowPosition = cfg.foot._maps[a][cidx];
  689. cfg.foot.rows[rowPosition.r][rowPosition.c].colspan--;
  690. }
  691. }
  692. }
  693. }
  694. }
  695. /*foot 관련 데이터 정리 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
  696. /*editor 관련 데이터 정리 */
  697. if (cfg.editor) {
  698. if (cfg.editor.rows) {
  699. this.hasEditor = true;
  700. cfg.editor._maps = new Array(cfg.editor.rows.length);
  701. colMaxLen = 0;
  702. for (var r = 0; r < cfg.editor.rows.length; r++) {
  703. var colLen = 0;
  704. for (var CH, CHidx = 0, __arr = cfg.editor.rows[r]; (CHidx < __arr.length && (CH = __arr[CHidx])); CHidx++) {
  705. if (CH) {
  706. if (CH.rowspan == undefined || CH.rowspan == null) CH.rowspan = 1;
  707. if (CH.colspan == undefined || CH.colspan == null) {
  708. CH.colspan = 1;
  709. CH._colspan = 1;
  710. } else {
  711. if (!rewrite) CH._colspan = CH.colspan;
  712. else CH.colspan = CH._colspan;
  713. }
  714. if (CH.valign == undefined || CH.valign == null) CH.valign = "bottom";
  715. colLen += CH.colspan.number();
  716. }
  717. }
  718. if (colMaxLen < colLen) colMaxLen = colLen;
  719. }
  720. for (var _m = 0; _m < cfg.editor._maps.length; _m++) {
  721. cfg.editor._maps[_m] = new Array(colMaxLen);
  722. }
  723. /* colEndPosition 관련 처리 함수 */
  724. var appendPosToEditorMap = function (r, c, posR, position) {
  725. var nC = position.c;
  726. var startPosition = null;
  727. for (var rr = posR; rr < (posR + r); rr++) {
  728. var tC = c;
  729. var isWhile = true;
  730. while (isWhile) {
  731. try {
  732. if (tC == 0) {
  733. isWhile = false;
  734. } else {
  735. if (cfg.editor._maps[rr][nC] == undefined) {
  736. cfg.editor._maps[rr][nC] = position;
  737. if (startPosition == null) startPosition = nC;
  738. tC--;
  739. } else {
  740. nC++;
  741. }
  742. }
  743. } catch (e) {
  744. isWhile = false;
  745. }
  746. }
  747. }
  748. };
  749. for (var r = 0; r < cfg.editor.rows.length; r++) {
  750. for (var CH, CHidx = 0, __arr = cfg.editor.rows[r]; (CHidx < __arr.length && (CH = __arr[CHidx])); CHidx++) {
  751. if (CH) {
  752. if (CH.colSeq != undefined) {
  753. var myCG = cfg.colGroup.getToSeq(CH.colSeq);
  754. } else {
  755. var myCG = cfg.colGroup.searchObject(function () {
  756. return this.item.key == CH.key;
  757. }).first();
  758. }
  759. if (myCG != null) {
  760. AXUtil.overwriteObject(CH, myCG, false);
  761. } else {
  762. AXUtil.overwriteObject(CH, { align: "left", valign: "bottom", display: true, rowspan: 1, colspan: 1 }, false);
  763. }
  764. appendPosToEditorMap(CH.rowspan, CH.colspan, r, { r: r, c: CHidx });
  765. }
  766. }
  767. }
  768. for (var m, midx = 0, __arr = cfg.editor._maps.last(); (midx < __arr.length && (m = __arr[midx])); midx++) {
  769. if (m) cfg.editor.rows[m.r][m.c].isLastCell = true;
  770. }
  771. if (hasHiddenCell) {
  772. for (var CG, cidx = 0, __arr = cfg.colGroup; (cidx < __arr.length && (CG = __arr[cidx])); cidx++) {
  773. if (!CG.display) {
  774. for (var a = 0; a < cfg.editor._maps.length; a++) {
  775. var rowPosition = cfg.editor._maps[a][cidx];
  776. cfg.editor.rows[rowPosition.r][rowPosition.c].colspan--;
  777. }
  778. }
  779. }
  780. }
  781. }
  782. }
  783. /*editor 관련 데이터 정리 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
  784. /*fixedColSeq가 설정된 경우 */
  785. if (cfg.fixedColSeq != undefined && cfg.fixedColSeq != null) {
  786. var fixedColSeq = this.fixedColSeq;
  787. for (var m, midx = 0, __arr = cfg.colHead._maps; (midx < __arr.length && (m = __arr[midx])); midx++) {
  788. for (var c, cidx = 0, __arr2 = m; (cidx < __arr2.length && (c = __arr2[cidx])); cidx++) {
  789. if (c) {
  790. if ((fixedColSeq + 1) > cidx) cfg.colHead.rows[c.r][c.c].isFixedCell = true;
  791. }
  792. }
  793. }
  794. for (var m, midx = 0, __arr = cfg.body._maps; (midx < __arr.length && (m = __arr[midx])); midx++) {
  795. for (var c, cidx = 0, __arr2 = m; (cidx < __arr2.length && (c = __arr2[cidx])); cidx++) {
  796. if (c) {
  797. if (fixedColSeq == cidx) cfg.body.rows[c.r][c.c].isFixedEndCell = true;
  798. if ((fixedColSeq + 1) > cidx) cfg.body.rows[c.r][c.c].isFixedCell = true;
  799. }
  800. }
  801. }
  802. if (cfg.head) {
  803. for (var m, midx = 0, __arr = cfg.head._maps; (midx < __arr.length && (m = __arr[midx])); midx++) {
  804. for (var c, cidx = 0, __arr2 = m; (cidx < __arr2.length && (c = __arr2[cidx])); cidx++) {
  805. if (c) {
  806. if (fixedColSeq == cidx) cfg.head.rows[c.r][c.c].isFixedEndCell = true;
  807. if ((fixedColSeq + 1) > cidx) cfg.head.rows[c.r][c.c].isFixedCell = true;
  808. }
  809. }
  810. }
  811. }
  812. if (cfg.foot) {
  813. for (var m, midx = 0, __arr = cfg.foot._maps; (midx < __arr.length && (m = __arr[midx])); midx++) {
  814. for (var c, cidx = 0, __arr2 = m; (cidx < __arr2.length && (c = __arr2[cidx])); cidx++) {
  815. if (c) {
  816. if (fixedColSeq == cidx) cfg.foot.rows[c.r][c.c].isFixedEndCell = true;
  817. if ((fixedColSeq + 1) > cidx) cfg.foot.rows[c.r][c.c].isFixedCell = true;
  818. }
  819. }
  820. }
  821. }
  822. if (cfg.body.marker) {
  823. if (cfg.body.marker.rows) {
  824. for (var m, midx = 0, __arr = cfg.body.marker._maps; (midx < __arr.length && (m = __arr[midx])); midx++) {
  825. for (var c, cidx = 0, __arr2 = m; (cidx < __arr2.length && (c = __arr2[cidx])); cidx++) {
  826. if (c) {
  827. if (fixedColSeq == cidx) cfg.body.marker.rows[c.r][c.c].isFixedEndCell = true;
  828. if ((fixedColSeq + 1) > cidx) cfg.body.marker.rows[c.r][c.c].isFixedCell = true;
  829. }
  830. }
  831. }
  832. }
  833. }
  834. if (cfg.editor) {
  835. if (cfg.editor.rows) {
  836. for (var m, midx = 0, __arr = cfg.editor._maps; (midx < __arr.length && (m = __arr[midx])); midx++) {
  837. for (var c, cidx = 0, __arr2 = m; (cidx < __arr2.length && (c = __arr2[cidx])); cidx++) {
  838. if (c) {
  839. if (fixedColSeq == cidx) cfg.editor.rows[c.r][c.c].isFixedEndCell = true;
  840. if ((fixedColSeq + 1) > cidx) cfg.editor.rows[c.r][c.c].isFixedCell = true;
  841. }
  842. }
  843. }
  844. }
  845. }
  846. this.hasFixed = true;
  847. if (hasHiddenCell) {
  848. var minusFixedCol = 0;
  849. var fixedColSeq = this.fixedColSeq;
  850. for (var CG, cidx = 0, __arr = cfg.colGroup; (cidx < __arr.length && (CG = __arr[cidx])); cidx++) {
  851. if (!CG.display) {
  852. if ((fixedColSeq + 1) > cidx) minusFixedCol++;
  853. }
  854. }
  855. cfg.fixedColSeq = this.fixedColSeq - minusFixedCol;
  856. } else {
  857. cfg.fixedColSeq = this.fixedColSeq;
  858. }
  859. if (cfg.fixedColSeq == -1) {
  860. /*fixed 제거*/
  861. this.hasFixed = false;
  862. }
  863. var fixedColSeq = this.fixedColSeq, fixedColWidth = 0;
  864. for (var CG, cidx = 0, __arr = cfg.colGroup; (cidx < __arr.length && (CG = __arr[cidx])); cidx++) {
  865. if (CG.display && cidx < (fixedColSeq + 1)) {
  866. fixedColWidth += CG.width.number();
  867. }
  868. }
  869. this.fixedColWidth = fixedColWidth;
  870. }
  871. },
  872. init: function () {
  873. var cfg = this.config;
  874. if (Object.isUndefined(cfg.targetID)) {
  875. trace("need targetID - setConfig({targetID:''})");
  876. return;
  877. }
  878. if (!cfg.colGroup) {
  879. trace("need colGroup - setConfig({colGroup:[]})");
  880. return;
  881. }
  882. cfg.emptyListMSG = cfg.emptyListMSG || AXConfig.AXGrid.emptyListMSG;
  883. cfg.listCountMSG = cfg.listCountMSG || AXConfig.AXGrid.listCountMSG || "전체 <b>{listCount}</b>개의 목록이 있습니다.";
  884. cfg.pageCountMSG = cfg.pageCountMSG || AXConfig.AXGrid.pageCountMSG;
  885. /*
  886. cfg.viewMode 결정 구간.
  887. */
  888. if (cfg.mediaQuery) {
  889. var _viewMode = "", clientWidth = axf.clientWidth();
  890. axf.each(cfg.mediaQuery, function (k, v) {
  891. if (Object.isObject(v)) {
  892. if(v.min != undefined && v.max != undefined){
  893. if (v.min <= clientWidth && clientWidth <= v.max) {
  894. _viewMode = (k == "dx") ? "grid" : "mobile";
  895. return false;
  896. }
  897. }else{
  898. if (v.min <= clientWidth) {
  899. _viewMode = (k == "dx") ? "grid" : "mobile";
  900. return false;
  901. }
  902. }
  903. }
  904. });
  905. if (_viewMode != "") {
  906. cfg.viewMode = _viewMode;
  907. }
  908. }
  909. if (Object.isObject(cfg.colGroup)) {
  910. var newColGroup = cfg.colGroup.concat();
  911. cfg.colGroup = newColGroup;
  912. }
  913. this.target = axdom("#" + cfg.targetID);
  914. var targetInnerHeight = this.target.innerHeight();
  915. if (targetInnerHeight == 0) targetInnerHeight = (AXConfig.AXGrid.pageHeight || 400);
  916. this.theme = (cfg.theme) ? cfg.theme : "AXGrid";
  917. /* 테마기본값 지정*/
  918. cfg.height = (cfg.height) ? cfg.height : targetInnerHeight + "px";
  919. /* 그리드 높이 지정 */
  920. var theme = this.theme;
  921. var gridCss = [];
  922. if (cfg.width) gridCss.push("width:" + cfg.width + ";");
  923. if (cfg.height) gridCss.push("height:" + cfg.height + ";");
  924. /* grid 뼈대 그리기 ----------------------------------------------------------------------------------------------------- */
  925. var ol = [];
  926. ol.push("<div class=\"" + theme + "\" id=\"" + cfg.targetID + "_AX_grid\" style=\"" + gridCss.join('') + "\">");
  927. ol.push(" <div class=\"AXgridScrollBody\" id=\"" + cfg.targetID + "_AX_gridScrollBody\" style=\"z-index:2;\">");
  928. ol.push(" <div class=\"AXGridColHead AXUserSelectNone\" id=\"" + cfg.targetID + "_AX_gridColHead\" onselectstart=\"return false;\"></div>");
  929. ol.push(" <div class=\"AXGridToolGroup top\" id=\"" + cfg.targetID + "_AX_gridToolGroupTop\"></div>");
  930. ol.push(" <div class=\"AXGridBody\" id=\"" + cfg.targetID + "_AX_gridBody\"></div>");
  931. ol.push(" <div class=\"AXGridToolGroup bottom\" id=\"" + cfg.targetID + "_AX_gridToolGroupBottom\"></div>");
  932. ol.push(" <div class=\"AXgridEditor\" id=\"" + cfg.targetID + "_AX_gridEditor\"></div>");
  933. ol.push(" </div>");
  934. ol.push(" <div class=\"AXgridPageBody\" id=\"" + cfg.targetID + "_AX_gridPageBody\" style=\"z-index:1;\">");
  935. ol.push(" <div class=\"AXgridPagingUnit\" id=\"" + cfg.targetID + "_AX_gridPagingUnit\">");
  936. ol.push(" <a class=\"AXgridPagingPrev\">PREV</a>");
  937. ol.push(" <div class=\"AXgridPageNumber\"><select id=\"" + cfg.targetID + "_AX_gridPageNo\" class=\"AXgridPageNo\"><option value=\"\">&nbsp;&nbsp;</option></select></div>");
  938. ol.push(" <div class=\"AXgridPageNumberCount\" id=\"" + cfg.targetID + "_AX_gridPageCount\">/ ...</div>");
  939. ol.push(" <a class=\"AXgridPagingNext\">NEXT</a>");
  940. ol.push(" </div>");
  941. ol.push(" <div class=\"AXgridStatus\" id=\"" + cfg.targetID + "_AX_gridStatus\">");
  942. ol.push(" " + cfg.listCountMSG.replace("{listCount}", "0"));
  943. ol.push(" </div>");
  944. ol.push(" </div>");
  945. ol.push("</div>");
  946. this.target.html(ol.join(''));
  947. /* grid 뼈대 그리기 ----------------------------------------------------------------------------------------------------- */
  948. /* 주요 타깃 설정 */
  949. this.gridBody = axdom("#" + cfg.targetID + "_AX_grid");
  950. this.scrollBody = axdom("#" + cfg.targetID + "_AX_gridScrollBody");
  951. this.colHead = axdom("#" + cfg.targetID + "_AX_gridColHead");
  952. this.body = axdom("#" + cfg.targetID + "_AX_gridBody");
  953. this.editor = axdom("#" + cfg.targetID + "_AX_gridEditor");
  954. this.pageBody = axdom("#" + cfg.targetID + "_AX_gridPageBody");
  955. this.pageBody.data("display", "show");
  956. this.pagingUnit = axdom("#" + cfg.targetID + "_AX_gridPagingUnit");
  957. this.status = axdom("#" + cfg.targetID + "_AX_gridStatus");
  958. //this.scroller = axdom("#" + cfg.targetID + "_AX_gridScroller");
  959. /* define part --------------------------------- */
  960. this.defineConfig();
  961. /* config object define */
  962. /* define part --------------------------------- */
  963. if (cfg.page) {
  964. this.page.pageNo = (cfg.page.pageNo || 1);
  965. this.page.pageSize = (cfg.page.pageSize || (AXConfig.AXGrid.pageSize || 100));
  966. this.page.onchange = cfg.page.onchange || this.page.onChange;
  967. }
  968. /*colHead setting */
  969. this.setColHead();
  970. /*body setting */
  971. this.setBody();
  972. /*editor setting */
  973. this.editor.hide();
  974. this.gridTargetSetSize();
  975. this.contentScrollResize();
  976. /* body event bind */
  977. var contentScrollTouchstart = this.contentScrollTouchstart.bind(this);
  978. this.contentScrollTouchstartBind = function (event) {
  979. contentScrollTouchstart(event);
  980. };
  981. var contentScrollScrollWheel = this.contentScrollScrollWheel.bind(this);
  982. this.contentScrollScrollWheelBind = function (event) {
  983. contentScrollScrollWheel(event);
  984. };
  985. var mousewheelevt = (/Firefox/i.test(navigator.userAgent)) ? "DOMMouseScroll" : "mousewheel";
  986. if (document.attachEvent) { /*if IE (and Opera depending on user setting) */
  987. /*axf.getId(cfg.targetID+"_AX_gridBody").detachEvent("on"+mousewheelevt, this.contentScrollScrollWheelBind); */
  988. if (axf.getId(cfg.targetID + "_AX_gridBody")) axf.getId(cfg.targetID + "_AX_gridBody").attachEvent("on" + mousewheelevt, contentScrollScrollWheel);
  989. } else if (document.addEventListener) { /*WC3 browsers */
  990. /*axf.getId(cfg.targetID+"_AX_gridBody").removeEventListener(mousewheelevt, this.contentScrollScrollWheelBind, false); */
  991. if (axf.getId(cfg.targetID + "_AX_gridBody")) axf.getId(cfg.targetID + "_AX_gridBody").addEventListener(mousewheelevt, contentScrollScrollWheel, false);
  992. }
  993. if (document.addEventListener) {
  994. /*axf.getId(cfg.targetID+"_AX_gridBody").removeEventListener("touchstart", this.contentScrollTouchstartBind, false); */
  995. if (axf.getId(cfg.targetID + "_AX_gridBody")) axf.getId(cfg.targetID + "_AX_gridBody").addEventListener("touchstart", contentScrollTouchstart, false);
  996. }
  997. this.target.bind("keydown", this.onKeydown.bind(this));
  998. if (cfg.contextMenu) {
  999. AXContextMenu.bind({
  1000. id: cfg.targetID + "ContextMenu",
  1001. theme: cfg.contextMenu.theme,
  1002. width: cfg.contextMenu.width,
  1003. menu: cfg.contextMenu.menu
  1004. });
  1005. this.target.bind("contextmenu", this.onContextmenu.bind(this));
  1006. }
  1007. /* body event bind */
  1008. /* page event bind */
  1009. var goPageMove = this.goPageMove.bind(this);
  1010. this.pagingUnit.find(".AXgridPagingPrev").bind("click", function (event) {
  1011. goPageMove(-1);
  1012. });
  1013. this.pagingUnit.find(".AXgridPagingNext").bind("click", function (event) {
  1014. goPageMove(1);
  1015. });
  1016. /* page event bind */
  1017. axdom(window).bind("resize", this.windowResize.bind(this));
  1018. //this.printList(); printList는 setBody 에서 자동 실행 됨
  1019. },
  1020. windowResize: function () {
  1021. var windowResizeApply = this.windowResizeApply.bind(this);
  1022. if (this.windowResizeObserver) clearTimeout(this.windowResizeObserver);
  1023. this.windowResizeObserver = setTimeout(function () {
  1024. windowResizeApply();
  1025. }, 100);
  1026. },
  1027. windowResizeApply: function () {
  1028. var cfg = this.config;
  1029. if (cfg.mediaQuery) {
  1030. var _viewMode = "", clientWidth = axf.clientWidth();
  1031. axf.each(cfg.mediaQuery, function (k, v) {
  1032. if (Object.isObject(v)) {
  1033. if(v.min != undefined && v.max != undefined){
  1034. if (v.min <= clientWidth && clientWidth <= v.max) {
  1035. _viewMode = (k == "dx") ? "grid" : "mobile";
  1036. return false;
  1037. }
  1038. }else{
  1039. if (v.min <= clientWidth) {
  1040. _viewMode = (k == "dx") ? "grid" : "mobile";
  1041. return false;
  1042. }
  1043. }
  1044. }
  1045. });
  1046. if (_viewMode != "") {
  1047. cfg.viewMode = _viewMode;
  1048. }
  1049. }
  1050. this.redrawGrid();
  1051. },
  1052. gridTargetSetSize: function (react) { /* AXgridScrollBody 안쪽의 높이와 관련된 요소 설정 */
  1053. var cfg = this.config;
  1054. /*cfg.height */
  1055. if (cfg.viewMode == "mobile") {
  1056. this.target.css({ height: "auto", "max-height": "auto" });
  1057. this.gridBody.addClass("AXGridMobile");
  1058. this.gridBody.css({height: "auto"});
  1059. this.scrollBody.css({height: "auto"});
  1060. this.body.css({top: "auto", height: "auto"});
  1061. this.pageBody.hide();
  1062. this.setPaging();
  1063. } else {
  1064. /*page setting */
  1065. if (!cfg.page) {
  1066. this.pageBody.hide();
  1067. this.pageBody.data("display", "hide");
  1068. } else {
  1069. if (cfg.page.display == false) {
  1070. this.pageBody.hide();
  1071. this.pageBody.data("display", "hide");
  1072. } else {
  1073. this.pageBody.show();
  1074. this.pageBody.data("display", "show");
  1075. if (cfg.page.paging) {
  1076. this.setPaging();
  1077. } else {
  1078. this.pagingUnit.hide();
  1079. }
  1080. if (cfg.page.status == false) {
  1081. this.status.hide();
  1082. }
  1083. }
  1084. }
  1085. this.gridBody.removeClass("AXGridMobile");
  1086. if (cfg.height == "auto") {
  1087. var colHeadHeight = this.colHead.outerHeight();
  1088. if (colHeadHeight == 1) colHeadHeight = 0;
  1089. var scrollBodyHeight = this.scrollContent.height();
  1090. this.scrollBody.css({ height: scrollBodyHeight + colHeadHeight });
  1091. /*colhead + body height */
  1092. this.body.css({ top: colHeadHeight, height: (scrollBodyHeight) });
  1093. /* body Height */
  1094. } else {
  1095. if (cfg.height) this.gridBody.css({height: cfg.height});
  1096. var pageBodyHeight = (this.pageBody.data("display") == "show") ? this.pageBody.outerHeight() : 0;
  1097. if (cfg.page.display == false) pageBodyHeight = 0;
  1098. var scrollBodyHeight = cfg.height.number() - pageBodyHeight - 2;
  1099. this.scrollBody.css({ height: scrollBodyHeight });
  1100. /*colhead + body height */
  1101. var colHeadHeight = this.colHead.outerHeight();
  1102. if (colHeadHeight == 1) colHeadHeight = 0;
  1103. this.body.css({ top: colHeadHeight, height: (scrollBodyHeight - colHeadHeight) });
  1104. /* body Height */
  1105. }
  1106. if (react) this.contentScrollResize(false);
  1107. }
  1108. },
  1109. getColGroup: function (suffix) {
  1110. var cfg = this.config;
  1111. var fixedColSeq = this.fixedColSeq;
  1112. /*{colID:0, key:"no", label:"번호", width:"100", align:"left", addClassNames:"", style:"", display:true, sort:null} */
  1113. var po = [];
  1114. po.push("<colgroup>");
  1115. if (suffix != "FC" && suffix != "FB" && suffix != "FE") {
  1116. for (var CG, cidx = 0, __arr = cfg.colGroup; (cidx < __arr.length && (CG = __arr[cidx])); cidx++) {
  1117. if (CG.display) {
  1118. po.push("<col width=\"" + CG.width + "\" style=\"\" id=\"" + cfg.targetID + "_AX_col_AX_" + CG.colSeq + "_AX_" + suffix + "\" />");
  1119. }
  1120. }
  1121. if (suffix == "CB") po.push("<col />");
  1122. } else {
  1123. /*fixedCol 존재 */
  1124. for (var CG, cidx = 0, __arr = cfg.colGroup; (cidx < __arr.length && (CG = __arr[cidx])); cidx++) {
  1125. if (CG.display && cidx < (fixedColSeq + 1)) {
  1126. po.push("<col width=\"" + CG.width + "\" style=\"\" id=\"" + cfg.targetID + "_AX_col_AX_" + CG.colSeq + "_AX_" + suffix + "\" />");
  1127. }
  1128. }
  1129. }
  1130. po.push("</colgroup>");
  1131. return po.join('');
  1132. },
  1133. getColSeqToHead: function (r, c) {
  1134. /*trace("getColSeqToHead:"+r+","+c); */
  1135. var cfg = this.config;
  1136. var colSeq = null;
  1137. for (var a = cfg.colHead._maps[r].length - 1; a > -1; a--) {
  1138. if (cfg.colHead._maps[r][a].r == r && cfg.colHead._maps[r][a].c == c) {
  1139. colSeq = a;
  1140. break;
  1141. }
  1142. }
  1143. return colSeq;
  1144. },
  1145. /**
  1146. * 그리드의 모든 요소를 재 정렬 해 줍니다.
  1147. * grid elements align
  1148. *
  1149. * @name AXGrid.redrawGrid
  1150. * @param {String} changeGridView 옵션
  1151. * @description
  1152. *
  1153. '''js
  1154. var myGrid = new AXGrid();
  1155. ...
  1156. myGrid.redrawGrid();
  1157. *
  1158. */
  1159. redrawGrid: function (changeGridView) {
  1160. var cfg = this.config;
  1161. /*
  1162. 모바일 모드로 요청 하면 뼈대 변경.
  1163. */
  1164. if (changeGridView) {
  1165. if (cfg.viewMode == "grid") {
  1166. this.pageBody.show();
  1167. this.pageBody.data("display", "show");
  1168. } else if (cfg.viewMode == "icon") {
  1169. this.pageBody.show();
  1170. this.pageBody.data("display", "show");
  1171. } else if (cfg.viewMode == "mobile") {
  1172. this.pageBody.hide();
  1173. this.pageBody.data("display", "hide");
  1174. }
  1175. }
  1176. this.defineConfig(true);
  1177. this.setColHead();
  1178. this.setBody(undefined, true);
  1179. if (cfg.viewMode == "grid") {
  1180. if (this.list.length > 0) {
  1181. if (cfg.head) this.printHead();
  1182. if (cfg.foot) this.printFoot();
  1183. }
  1184. }
  1185. this.gridTargetSetSize(true);
  1186. this.contentScrollResize();
  1187. /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 바디 재구성 기능 포함 */
  1188. },
  1189. checkedColSeq: function (colSeq, checked, itemIndex) {
  1190. var cfg = this.config;
  1191. var _list = this.list;
  1192. if (itemIndex == undefined) {
  1193. this.colHead.find(".gridCheckBox_colHead_colSeq" + colSeq).each(function () {
  1194. this.checked = checked;
  1195. });
  1196. axdom("#" + cfg.targetID + "_AX_fixedColHead").find(".gridCheckBox_colHead_colSeq" + colSeq).each(function () {
  1197. this.checked = checked;
  1198. var ieid = this.id.split(/_AX_/g);
  1199. var checkboxColSeq = ieid[ieid.length - 2];
  1200. var checkboxIndex = ieid[ieid.length - 1];
  1201. if (cfg.colGroup[checkboxColSeq].oncheck) {
  1202. var sendObj = {
  1203. index: checkboxIndex,
  1204. list: _list,
  1205. item: _list[checkboxIndex]
  1206. };
  1207. cfg.colGroup[checkboxColSeq].oncheck.call(sendObj, this.checked);
  1208. }
  1209. });
  1210. this.body.find(".gridCheckBox_body_colSeq" + colSeq).each(function () {
  1211. if (axdom("#" + this.id).attr("disabled") != "disabled") {
  1212. this.checked = checked;
  1213. var ieid = this.id.split(/_AX_/g);
  1214. var checkboxColSeq = ieid[ieid.length - 2];
  1215. var checkboxIndex = ieid[ieid.length - 1];
  1216. if (cfg.colGroup[checkboxColSeq].oncheck) {
  1217. var sendObj = {
  1218. index: checkboxIndex,
  1219. list: _list,
  1220. item: _list[checkboxIndex]
  1221. };
  1222. cfg.colGroup[checkboxColSeq].oncheck.call(sendObj, this.checked);
  1223. }
  1224. }
  1225. });
  1226. } else {
  1227. this.body.find(".gridBodyTr_" + itemIndex + " .gridCheckBox_body_colSeq" + colSeq).each(function () {
  1228. if (checked == null) {
  1229. this.checked = !this.checked;
  1230. } else {
  1231. this.checked = checked;
  1232. }
  1233. var ieid = this.id.split(/_AX_/g);
  1234. var checkboxColSeq = ieid[ieid.length - 2];
  1235. var checkboxIndex = ieid[ieid.length - 1];
  1236. if (cfg.colGroup[checkboxColSeq].oncheck) {
  1237. var sendObj = {
  1238. index: checkboxIndex,
  1239. list: _list,
  1240. item: _list[checkboxIndex]
  1241. };
  1242. cfg.colGroup[checkboxColSeq].oncheck.call(sendObj, this.checked);
  1243. }
  1244. });
  1245. }
  1246. },
  1247. getCheckedList: function (colSeq) {
  1248. var cfg = this.config;
  1249. var collect = [];
  1250. var list = this.list;
  1251. this.body.find(".gridCheckBox_body_colSeq" + colSeq).each(function () {
  1252. if (!this.disabled && this.checked) {
  1253. var itemIndex = this.id.split(/_AX_/g).last();
  1254. collect.push(list[itemIndex]);
  1255. }
  1256. });
  1257. return collect;
  1258. },
  1259. getCheckedListWithIndex: function (colSeq) {
  1260. var cfg = this.config;
  1261. var collect = [];
  1262. var list = this.list;
  1263. this.body.find(".gridCheckBox_body_colSeq" + colSeq).each(function () {
  1264. if (this.checked) {
  1265. var itemIndex = this.id.split(/_AX_/g).last();
  1266. collect.push({ index: itemIndex, item: list[itemIndex] });
  1267. }
  1268. });
  1269. return collect;
  1270. },
  1271. onKeydown: function (event) {
  1272. if (event.keyCode == 67 && event.ctrlKey) {
  1273. /*this.copyData(); */
  1274. }
  1275. if (this.editorOpend) return;
  1276. //trace("onKeydown" + event.keyCode);
  1277. if (event.keyCode == axf.Event.KEY_UP) { /* */
  1278. this.focusMove(-1, event);
  1279. } else if (event.keyCode == axf.Event.KEY_DOWN) { /* */
  1280. this.focusMove(1, event);
  1281. }
  1282. },
  1283. onContextmenu: function (event) {
  1284. var cfg = this.config;
  1285. if (this.readyMoved) return false;
  1286. /* event target search - */
  1287. if (event.target.id == "") return;
  1288. var eid = event.target.id.split(/_AX_/g);
  1289. var eventTarget = event.target;
  1290. if (eventTarget.tagName.toLowerCase() == "input") return;
  1291. /*input 인 경우 제외 */
  1292. var myTarget = this.getEventTarget({
  1293. evt: eventTarget, evtIDs: eid,
  1294. until: function (evt, evtIDs) {
  1295. return (axdom(evt.parentNode).hasClass("gridBodyTr")) ? true : false;
  1296. },
  1297. find: function (evt, evtIDs) {
  1298. return (axdom(evt).hasClass("bodyTd") || axdom(evt).hasClass("bodyNodeIndent")) ? true : false;
  1299. }
  1300. });
  1301. /* event target search ------------------------ */
  1302. if (myTarget) {
  1303. /*colHeadTool ready */
  1304. var targetID = myTarget.id;
  1305. var itemIndex = targetID.split(/_AX_/g).last();
  1306. var ids = targetID.split(/_AX_/g);
  1307. if (this.selectedCells.length > 0) {
  1308. axf.each(this.selectedCells, function () {
  1309. axdom("#" + this).removeClass("selected");
  1310. });
  1311. this.selectedCells.clear();
  1312. }
  1313. if (this.selectedRow.length > 0) {
  1314. var body = this.body;
  1315. axf.each(this.selectedRow, function () {
  1316. body.find(".gridBodyTr_" + this).removeClass("selected");
  1317. });
  1318. }
  1319. this.selectedRow.clear();
  1320. this.body.find(".gridBodyTr_" + itemIndex).addClass("selected");
  1321. this.selectedRow.push(itemIndex);
  1322. var item = this.list[itemIndex];
  1323. AXContextMenu.open({ id: cfg.targetID + "ContextMenu", filter: cfg.contextMenu.filter, sendObj: { item: item, index: itemIndex } }, event);
  1324. /* event 직접 연결 방식 */
  1325. } else {
  1326. AXContextMenu.open({ id: cfg.targetID + "ContextMenu", filter: cfg.contextMenu.filter, sendObj: null }, event);
  1327. /* event 직접 연결 방식 */
  1328. }
  1329. return false;
  1330. },
  1331. copyData: function () {
  1332. var cfg = this.config;
  1333. var copyOut = [];
  1334. axf.each(this.selectedCells, function (index, n) {
  1335. var html = axdom("#" + n).find(".bodyNode").html();
  1336. copyOut.push(html + '\t');
  1337. });
  1338. if (window.clipboardData) {
  1339. window.clipboardData.setData('Text', copyOut.join(''));
  1340. toast.push("데이터가 복사되었습니다. 원하시는 곳에 붙여넣기 하세요.");
  1341. } else {
  1342. dialog.push({ title: "Copy Data", body: copyOut.join(''), type: "alert" });
  1343. }
  1344. },
  1345. /* 공통 영역 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
  1346. /* colHead 영역 */
  1347. getHeadMousePosition: function (event) {
  1348. var pos = this.colHead.offset();
  1349. var x = (event.pageX - pos.left);
  1350. var y = (event.pageY - pos.top);
  1351. return { x: x, y: y };
  1352. },
  1353. getColHeadTd: function (arg) {
  1354. var cfg = this.config;
  1355. var po = [];
  1356. if (arg.ghost) {
  1357. po.push("<td" + arg.valign + arg.rowspan + arg.colspan + " class=\"colHeadTd" + arg.bottomClass + "\">");
  1358. po.push("<div class=\"tdRelBlock\">");
  1359. po.push("<div class=\"colHeadNode colHeadTdText\">&nbsp;</div>");
  1360. po.push("</div>");
  1361. po.push("</td>");
  1362. } else {
  1363. var colHeadTdText = " colHeadTdText";
  1364. var toolUse = true;
  1365. if (arg.formatter == "html" || arg.formatter == "checkbox") {
  1366. if (!arg.displayLabel) {
  1367. colHeadTdText = " colHeadTdHtml";
  1368. toolUse = false;
  1369. if (arg.formatter == "checkbox") {
  1370. colHeadTdText = " colHeadTdCheck";
  1371. arg.tdHtml = "<input type=\"checkbox\" name=\"checkAll\" class=\"gridCheckBox gridCheckBox_colHead_colSeq" + arg.colSeq + "\" id=\"" + cfg.targetID + "_AX_checkAll_AX_" + arg.r + "_AX_" + arg.CHidx + "\" />";
  1372. }
  1373. }
  1374. }
  1375. var sortClass = "";
  1376. if (arg.sort) sortClass = (arg.sort == "desc") ? " sortDesc" : " sortAsc";
  1377. po.push("<td" + arg.valign + arg.rowspan + arg.colspan + " id=\"" + cfg.targetID + "_AX_colHead_AX_" + arg.r + "_AX_" + arg.CHidx + "\" class=\"colHeadTd" + arg.bottomClass + sortClass + "\">");
  1378. po.push("<div class=\"tdRelBlock\">");
  1379. po.push("<div class=\"colHeadNode" + colHeadTdText + "\" align=\"" + arg.align + "\" id=\"" + cfg.targetID + "_AX_colHeadText_AX_" + arg.r + "_AX_" + arg.CHidx + "\">");
  1380. po.push(arg.tdHtml);
  1381. po.push("</div>");
  1382. if (toolUse && arg.colSeq != null && arg.colSeq != undefined) po.push("<a href=\"#AXexec\" class=\"colHeadTool\" id=\"" + cfg.targetID + "_AX_colHeadTool_AX_" + arg.r + "_AX_" + arg.CHidx + "\">T</a>");
  1383. po.push("<div class=\"colHeadResizer\" id=\"" + cfg.targetID + "_AX_colHeadResizer_AX_" + arg.r + "_AX_" + arg.CHidx + "\"></div>");
  1384. po.push("</div>");
  1385. po.push("</td>");
  1386. if (arg.sort) {
  1387. var myColHead = cfg.colHead.rows[arg.r][arg.CHidx];
  1388. var tdID = cfg.targetID + "_AX_colHead_AX_" + arg.r + "_AX_" + arg.CHidx;
  1389. this.nowSortHeadID = tdID;
  1390. this.nowSortHeadObj = myColHead;
  1391. }
  1392. }
  1393. return po.join('');
  1394. },
  1395. setColHead: function () {
  1396. var cfg = this.config;
  1397. var po = [];
  1398. if (cfg.viewMode == "grid") {
  1399. this.colHead.show();
  1400. var getColHeadTd = this.getColHeadTd.bind(this);
  1401. if (!this.hasFixed) { /* 일반 colHead 구현 */
  1402. var tableWidth = this.colWidth;
  1403. po.push("<table cellpadding=\"0\" cellspacing=\"0\" class=\"colHeadTable\" style=\"width:", tableWidth, "px;\">");
  1404. po.push(this.getColGroup("CH"));
  1405. /*colGroup 삽입 */
  1406. po.push("<tbody>");
  1407. for (var r = 0; r < cfg.colHead.rows.length; r++) {
  1408. var isLastTR = (cfg.colHead.rows.length - 1 == r);
  1409. po.push("<tr>");
  1410. for (var CH, CHidx = 0, __arr = cfg.colHead.rows[r]; (CHidx < __arr.length && (CH = __arr[CHidx])); CHidx++) {
  1411. if (CH.display && CH.colspan > 0) {
  1412. /*radio, check exception */
  1413. var tdHtml = CH.label || "untitle";
  1414. var rowspan = (CH.rowspan > 1) ? " rowspan=\"" + CH.rowspan + "\"" : "";
  1415. var colspan = (CH.colspan > 1) ? " colspan=\"" + CH.colspan + "\"" : "";
  1416. var valign = " valign=\"" + CH.valign + "\"";
  1417. var bottomClass = (CH.isLastCell) ? "" : " colHeadBottomBorder";
  1418. po.push(getColHeadTd({
  1419. valign: valign, rowspan: rowspan, colspan: colspan, bottomClass: bottomClass, r: r, CHidx: CHidx,
  1420. align: CH.align, colSeq: CH.colSeq, formatter: CH.formatter, sort: CH.sort, tdHtml: tdHtml,
  1421. ghost: false, displayLabel: CH.displayLabel
  1422. }));
  1423. }
  1424. }
  1425. ;
  1426. po.push("</tr>");
  1427. }
  1428. po.push("</tbody>");
  1429. po.push("</table>");
  1430. } else { /* fixedCol 구현 */
  1431. po.push("<table cellpadding=\"0\" cellspacing=\"0\" class=\"colHeadTable\" style=\"width:" + this.colWidth + "px;\">");
  1432. po.push(this.getColGroup("CH"));
  1433. /*colGroup 삽입 */
  1434. po.push("<tbody>");
  1435. for (var r = 0; r < cfg.colHead.rows.length; r++) {
  1436. var isLastTR = (cfg.colHead.rows.length - 1 == r);
  1437. po.push("<tr>");
  1438. var colCount = 0;
  1439. axf.each(cfg.colHead.rows[r], function (CHidx, CH) {
  1440. if (CH.display && CH.colspan > 0) {
  1441. /*radio, check exception */
  1442. var tdHtml = CH.label || "untitle";
  1443. var rowspan = (CH.rowspan > 1) ? " rowspan=\"" + CH.rowspan + "\"" : "";
  1444. var colspan = (CH.colspan > 1) ? " colspan=\"" + CH.colspan + "\"" : "";
  1445. var valign = " valign=\"" + CH.valign + "\"";
  1446. var bottomClass = (CH.isLastCell) ? "" : " colHeadBottomBorder";
  1447. po.push(getColHeadTd({
  1448. valign: valign, rowspan: rowspan, colspan: colspan, bottomClass: bottomClass, r: r, CHidx: CHidx,
  1449. align: CH.align, colSeq: CH.colSeq, formatter: CH.formatter, sort: CH.sort, tdHtml: tdHtml,
  1450. ghost: (colCount < (cfg.fixedColSeq + 1))
  1451. }));
  1452. colCount += CH.colspan;
  1453. }
  1454. });
  1455. po.push("</tr>");
  1456. }
  1457. po.push("</tbody>");
  1458. po.push("</table>");
  1459. var fpo = [];
  1460. fpo.push("<div class=\"AXGridColHead fixedColHead\" id=\"" + cfg.targetID + "_AX_fixedColHead\" style=\"width:" + this.fixedColWidth + "px;\">");
  1461. fpo.push("<table cellpadding=\"0\" cellspacing=\"0\" class=\"colHeadTable\" style=\"width:" + this.fixedColWidth + "px;\">");
  1462. fpo.push(this.getColGroup("FC"));
  1463. /*colGroup 삽입 */
  1464. fpo.push("<tbody>");
  1465. for (var r = 0; r < cfg.colHead.rows.length; r++) {
  1466. var isLastTR = (cfg.colHead.rows.length - 1 == r);
  1467. fpo.push("<tr>");
  1468. var colCount = 0;
  1469. axf.each(cfg.colHead.rows[r], function (CHidx, CH) {
  1470. if (CH.display && CH.isFixedCell && CH.colspan > 0) {
  1471. /*trace({CHidx:CHidx, fixedColSeq:(cfg.fixedColSeq+1)}); */
  1472. /*radio, check exception */
  1473. var tdHtml = CH.label || "untitle";
  1474. var rowspan = (CH.rowspan > 1) ? " rowspan=\"" + CH.rowspan + "\"" : "";
  1475. var colspan = (CH.colspan > 1) ? " colspan=\"" + CH.colspan + "\"" : "";
  1476. var valign = " valign=\"" + CH.valign + "\"";
  1477. var bottomClass = (CH.isLastCell) ? "" : " colHeadBottomBorder";
  1478. fpo.push(getColHeadTd({
  1479. valign: valign, rowspan: rowspan, colspan: colspan, bottomClass: bottomClass, r: r, CHidx: CHidx,
  1480. align: CH.align, colSeq: CH.colSeq, formatter: CH.formatter, sort: CH.sort, tdHtml: tdHtml,
  1481. ghost: false
  1482. }));
  1483. }
  1484. colCount += CH.colspan;
  1485. });
  1486. fpo.push("</tr>");
  1487. }
  1488. fpo.push("</tbody>");
  1489. fpo.push("</table>");
  1490. fpo.push("</div>");
  1491. }
  1492. /* fixedCol 구현 */
  1493. this.colHead.html(po.join(''));
  1494. axdom("#" + cfg.targetID + "_AX_fixedColHead").remove();
  1495. if (fpo) this.colHead.after(fpo.join(''));
  1496. /*resizer 를 찾아 resizer의 부모와 같은 높이값을 가지도록 변경 합니다. */
  1497. /*또 그와 관련된 개체의 높이와 패딩을 지정합니다. */
  1498. this.colHead.find(".colHeadResizer").each(function () {
  1499. var resizerID = this.id;
  1500. var tdID = resizerID.replace("colHeadResizer", "colHead");
  1501. var txtID = resizerID.replace("colHeadResizer", "colHeadText");
  1502. var toolID = resizerID.replace("colHeadResizer", "colHeadTool");
  1503. var rowspan = axdom("#" + tdID).attr("rowspan");
  1504. var valign = axdom("#" + tdID).attr("valign");
  1505. if (!rowspan) rowspan = 1;
  1506. var tdHeight = axdom("#" + tdID).height();
  1507. axdom(this).css({ height: tdHeight });
  1508. axdom(this).parent().css({ height: tdHeight });
  1509. if (rowspan > 1) {
  1510. var cellMarginTop = 0;
  1511. if (valign == "bottom") cellMarginTop = (tdHeight - axdom("#" + txtID).outerHeight()) + 5;
  1512. if (valign == "middle") cellMarginTop = (tdHeight - axdom("#" + txtID).outerHeight()) / 2 + 5;
  1513. axdom("#" + txtID).css({ "padding-top": cellMarginTop + "px" });
  1514. axdom("#" + toolID).css({ "top": (cellMarginTop - 5) + "px" });
  1515. }
  1516. });
  1517. this.colHead.bind("mouseover", this.colHeadMouseOver.bind(this));
  1518. this.colHead.bind("mouseout", this.colHeadMouseOut.bind(this));
  1519. this.colHead.find(".colHeadNode").bind("click", this.colHeadNodeClick.bind(this));
  1520. this.colHead.find(".colHeadTool").bind("click", this.colHeadToolClick.bind(this));
  1521. this.colHead.find(".colHeadResizer").bind("mousedown", this.colHeadResizerMouseDown.bind(this));
  1522. this.colHead.find(".gridCheckBox").bind("click", this.colHeadCheckBoxClick.bind(this));
  1523. if (this.hasFixed) { /*fixedColHead에 대한 바인딩 및 처리 */
  1524. this.fixedColHead = axdom("#" + cfg.targetID + "_AX_fixedColHead");
  1525. this.fixedColHead.find(".colHeadResizer").each(function () {
  1526. var resizerID = this.id;
  1527. var tdID = resizerID.replace("colHeadResizer", "colHead");
  1528. var txtID = resizerID.replace("colHeadResizer", "colHeadText");
  1529. var toolID = resizerID.replace("colHeadResizer", "colHeadTool");
  1530. var rowspan = axdom("#" + tdID).attr("rowspan");
  1531. var valign = axdom("#" + tdID).attr("valign");
  1532. if (!rowspan) rowspan = 1;
  1533. var tdHeight = axdom("#" + tdID).height();
  1534. axdom(this).css({ height: tdHeight });
  1535. axdom(this).parent().css({ height: tdHeight });
  1536. if (rowspan > 1) {
  1537. var cellMarginTop = 0;
  1538. if (valign == "bottom") cellMarginTop = (tdHeight - axdom("#" + txtID).outerHeight()) + 5;
  1539. if (valign == "middle") cellMarginTop = (tdHeight - axdom("#" + txtID).outerHeight()) / 2 + 5;
  1540. axdom("#" + txtID).css({ "padding-top": cellMarginTop + "px" });
  1541. axdom("#" + toolID).css({ "top": (cellMarginTop - 5) + "px" });
  1542. }
  1543. });
  1544. this.fixedColHead.bind("mouseover", this.colHeadMouseOver.bind(this));
  1545. this.fixedColHead.bind("mouseout", this.colHeadMouseOut.bind(this));
  1546. this.fixedColHead.find(".colHeadNode").bind("click", this.colHeadNodeClick.bind(this));
  1547. this.fixedColHead.find(".colHeadTool").bind("click", this.colHeadToolClick.bind(this));
  1548. this.fixedColHead.find(".colHeadResizer").bind("mousedown", this.colHeadResizerMouseDown.bind(this));
  1549. this.fixedColHead.find(".gridCheckBox").bind("click", this.colHeadCheckBoxClick.bind(this));
  1550. }
  1551. } else if (cfg.viewMode == "icon") {
  1552. this.colHead.empty();
  1553. this.colHead.hide();
  1554. } else if (cfg.viewMode == "mobile") { /* 모바일에서는 헤드 제거 또는 모바일용 헤드 재구성 */
  1555. this.colHead.empty();
  1556. this.colHead.hide();
  1557. }
  1558. },
  1559. /* colHead events */
  1560. colHeadMouseOver: function (event) {
  1561. var cfg = this.config;
  1562. /* event target search - */
  1563. if (event.target.id == "") return;
  1564. var eid = event.target.id.split(/_AX_/g);
  1565. var eventTarget = event.target;
  1566. var myTarget = this.getEventTarget({
  1567. evt: eventTarget, evtIDs: eid,
  1568. until: function (evt, evtIDs) {
  1569. return (axdom(evt.parentNode).hasClass("AXGridColHead")) ? true : false;
  1570. },
  1571. find: function (evt, evtIDs) {
  1572. return (axdom(evt).hasClass("colHeadTd")) ? true : false;
  1573. }
  1574. });
  1575. /* event target search ------------------------ */
  1576. if (myTarget) {
  1577. /*colHeadTool ready */
  1578. var targetID = myTarget.id;
  1579. var toolID = targetID.replace("colHead", "colHeadTool");
  1580. axdom("#" + toolID).addClass("readyTool");
  1581. }
  1582. },
  1583. colHeadMouseOut: function (event) {
  1584. var cfg = this.config;
  1585. /* event target search - */
  1586. if (event.target.id == "") return;
  1587. var eid = event.target.id.split(/_AX_/g);
  1588. var eventTarget = event.target;
  1589. var myTarget = this.getEventTarget({
  1590. evt: eventTarget, evtIDs: eid,
  1591. until: function (evt, evtIDs) {
  1592. return (axdom(evt.parentNode).hasClass("AXGridColHead")) ? true : false;
  1593. },
  1594. find: function (evt, evtIDs) {
  1595. return (axdom(evt).hasClass("colHeadTd")) ? true : false;
  1596. }
  1597. });
  1598. /* event target search ------------------------ */
  1599. if (myTarget) {
  1600. /*colHeadTool unready */
  1601. var targetID = myTarget.id;
  1602. var toolID = targetID.replace("colHead", "colHeadTool");
  1603. axdom("#" + toolID).removeClass("readyTool");
  1604. }
  1605. },
  1606. colHeadResizerMouseDown: function (event) {
  1607. var cfg = this.config;
  1608. if (event.target.id == "") return;
  1609. var eid = event.target.id.split(/_AX_/g);
  1610. var eventTarget = event.target;
  1611. var lastIdx = eid.length - 1;
  1612. var colHeadR = eid[lastIdx - 1];
  1613. var colHeadC = eid[lastIdx];
  1614. /*trace({colHeadR:colHeadR, colHeadC:colHeadC}); */
  1615. var colSeq = this.getColSeqToHead(colHeadR, colHeadC);
  1616. if (colSeq == null) return;
  1617. /* 예상할 수 없는 오류 */
  1618. /*resize 상태 해제 */
  1619. if (this.colResizing) {
  1620. this.colHeadResizerEnd();
  1621. }
  1622. var offset = axdom("#" + cfg.targetID + "_AX_colHead_AX_" + colHeadR + "_AX_" + colHeadC).find(".tdRelBlock").position();
  1623. var relBlockWidth = axdom("#" + cfg.targetID + "_AX_colHead_AX_" + colHeadR + "_AX_" + colHeadC).find(".tdRelBlock").width();
  1624. var rightPosition = offset.left.number() + relBlockWidth.number();
  1625. var blockWidth = axdom("#" + cfg.targetID + "_AX_col_AX_" + colSeq + "_AX_CH").attr("width");
  1626. this.colResizeTarget = { colSeq: colSeq, leftPosition: (rightPosition - blockWidth), blockWidth: blockWidth, newWidth: blockWidth };
  1627. /*trace(this.colResizeTarget); */
  1628. /* resize event bind */
  1629. var colHeadResizerMouseMove = this.colHeadResizerMouseMove.bind(this);
  1630. this.colHeadResizerMouseMoveBind = function (event) {
  1631. colHeadResizerMouseMove(event);
  1632. };
  1633. var colHeadResizerMouseUp = this.colHeadResizerMouseUp.bind(this);
  1634. this.colHeadResizerMouseUpBind = function (event) {
  1635. colHeadResizerMouseUp(event);
  1636. };
  1637. axdom(document.body).bind("mousemove.AXGrid", this.colHeadResizerMouseMoveBind);
  1638. axdom(document.body).bind("mouseup.AXGrid", this.colHeadResizerMouseUpBind);
  1639. axdom(document.body).bind("mouseleave.AXGrid", this.colHeadResizerMouseUpBind);
  1640. axdom(document.body).attr("onselectstart", "return false");
  1641. axdom(document.body).addClass("AXUserSelectNone");
  1642. /* resize event bind ~~~~~~~~~~~~~~~~~~~ */
  1643. },
  1644. colHeadResizerMouseMove: function (event) {
  1645. if (!event.pageX) return;
  1646. /*드래그 감도 적용 */
  1647. if (this.config.moveSens > this.moveSens) this.moveSens++;
  1648. if (this.moveSens == this.config.moveSens) this.colHeadResizerMove(event);
  1649. },
  1650. colHeadResizerMove: function (event) {
  1651. var cfg = this.config;
  1652. var mouse = this.getHeadMousePosition(event);
  1653. var newWidth = (this.colResizeTarget.leftPosition - mouse.x).abs();
  1654. if (newWidth < 31) return;
  1655. /* colHead/colBody colGroup width 조정 */
  1656. axdom("#" + cfg.targetID + "_AX_col_AX_" + this.colResizeTarget.colSeq + "_AX_CH").attr("width", newWidth);
  1657. axdom("#" + cfg.targetID + "_AX_col_AX_" + this.colResizeTarget.colSeq + "_AX_CB").attr("width", newWidth);
  1658. axdom("#" + cfg.targetID + "_AX_col_AX_" + this.colResizeTarget.colSeq + "_AX_EB").attr("width", newWidth);
  1659. cfg.colGroup[this.colResizeTarget.colSeq].width = newWidth;
  1660. if (!cfg.colGroup[this.colResizeTarget.colSeq].widthAstric) {
  1661. cfg.colGroup[this.colResizeTarget.colSeq]._owidth = newWidth;
  1662. }
  1663. if (this.hasFixed) {
  1664. var fixedColSeq = this.fixedColSeq;
  1665. axdom("#" + cfg.targetID + "_AX_col_AX_" + this.colResizeTarget.colSeq + "_AX_FC").attr("width", newWidth);
  1666. axdom("#" + cfg.targetID + "_AX_col_AX_" + this.colResizeTarget.colSeq + "_AX_FB").attr("width", newWidth);
  1667. axdom("#" + cfg.targetID + "_AX_col_AX_" + this.colResizeTarget.colSeq + "_AX_FE").attr("width", newWidth);
  1668. /*if(this.colResizeTarget.colSeq < fixedColSeq+1){ */
  1669. var fixedColWidth = 0;
  1670. for (var CG, cidx = 0, __arr = cfg.colGroup; (cidx < __arr.length && (CG = __arr[cidx])); cidx++) {
  1671. if (CG.display && cidx < (fixedColSeq + 1)) {
  1672. fixedColWidth += CG.width.number();
  1673. }
  1674. }
  1675. ;
  1676. this.fixedColWidth = fixedColWidth;
  1677. axdom("#" + cfg.targetID + "_AX_fixedColHead").css({ width: fixedColWidth });
  1678. axdom("#" + cfg.targetID + "_AX_fixedColHead").find(".colHeadTable").css({ width: fixedColWidth });
  1679. this.fixedScrollContent.css({ width: fixedColWidth });
  1680. this.fixedScrollContent.find(".gridFixedBodyTable").css({ width: fixedColWidth });
  1681. axdom("#" + cfg.targetID + "_AX_fixedEditorContent").css({ width: fixedColWidth });
  1682. axdom("#" + cfg.targetID + "_AX_fixedEditorContent").find(".gridFixedBodyTable").css({ width: fixedColWidth });
  1683. /*} */
  1684. }
  1685. if (this.editorOpend) {
  1686. var colSeq = this.colResizeTarget.colSeq;
  1687. /* */
  1688. for (var _m = 0; _m < cfg.editor._maps.length; _m++) {
  1689. var rc = cfg.editor._maps[_m][colSeq];
  1690. var CH = cfg.editor.rows[rc.r][rc.c];
  1691. var formID = (CH.form.id) ? CH.form.id : cfg.targetID + "_AX_" + CH.key + "_AX_" + rc.r + "_AX_" + rc.c;
  1692. /*trace(formID); */
  1693. if (axf.getId(formID)) if (axf.getId(formID).tagName == "INPUT") AXInput.alignAnchor(formID);
  1694. }
  1695. }
  1696. /* colHead colGroup width 조정 ------------------------------ */
  1697. this.colResizeTarget.newWidth = newWidth;
  1698. var newColWidth = this.colWidth - (this.colResizeTarget.blockWidth - this.colResizeTarget.newWidth);
  1699. this.colHead.find(".colHeadTable").css({ "width": newColWidth + "px" });
  1700. /*this.body.find(".gridBodyTable").css({"width":newColWidth+"px"}); */
  1701. },
  1702. colHeadResizerMouseUp: function (event) {
  1703. if (this.colResizeTarget.blockWidth != this.colResizeTarget.newWidth) {
  1704. this.colWidth = this.colWidth - (this.colResizeTarget.blockWidth - this.colResizeTarget.newWidth);
  1705. }
  1706. this.colHeadResizerEnd();
  1707. this.contentScrollResize(false);
  1708. },
  1709. colHeadResizerEnd: function () {
  1710. this.moveSens = 0;
  1711. this.colResizing = false;
  1712. axdom(document.body).unbind("mousemove.AXGrid");
  1713. axdom(document.body).unbind("mouseup.AXGrid");
  1714. axdom(document.body).unbind("mouseleave.AXGrid");
  1715. axdom(document.body).removeAttr("onselectstart");
  1716. axdom(document.body).removeClass("AXUserSelectNone");
  1717. },
  1718. colHeadNodeClick: function (event) {
  1719. var cfg = this.config;
  1720. if (event.target.id == "") return;
  1721. var eid = event.target.id.split(/_AX_/g);
  1722. var eventTarget = event.target;
  1723. if (this.editorOpend) {
  1724. toast.push("Editor 활성화 상태에서는 기능을 사용할 수 없습니다.");
  1725. return;
  1726. /* 에디터가 오픈된 상태이면 비활성화 */
  1727. }
  1728. if (axdom(eventTarget).hasClass("colHeadTdCheck")) {
  1729. this.colHeadCheckBoxClick(event);
  1730. return;
  1731. /* checkbox block click */
  1732. }
  1733. if (axdom(eventTarget).hasClass("gridCheckBox")) return;
  1734. /* checkbox click */
  1735. var lastIdx = eid.length - 1;
  1736. var colHeadR = eid[lastIdx - 1];
  1737. var colHeadC = eid[lastIdx];
  1738. try {
  1739. var myColHead = cfg.colHead.rows[colHeadR][colHeadC];
  1740. } catch (e) {
  1741. return;
  1742. }
  1743. if (myColHead.sort == false) {
  1744. return;
  1745. }
  1746. var tdID = cfg.targetID + "_AX_colHead_AX_" + colHeadR + "_AX_" + colHeadC;
  1747. if (myColHead.colSeq == undefined || myColHead.colSeq == null) {
  1748. trace("정렬할 수 없는 컬럼 입니다.");
  1749. } else {
  1750. if (this.nowSortHeadID) {
  1751. if (this.nowSortHeadID != tdID) {
  1752. axdom("#" + this.nowSortHeadID).removeClass("sortDesc");
  1753. axdom("#" + this.nowSortHeadID).removeClass("sortAsc");
  1754. this.nowSortHeadObj.sort = undefined;
  1755. }
  1756. }
  1757. /*trace(myColHead); */
  1758. if (cfg.colHead.rows[colHeadR][colHeadC].sort == "desc") axdom("#" + tdID).removeClass("sortDesc");
  1759. else axdom("#" + tdID).removeClass("sortAsc");
  1760. var nsort = "";
  1761. if (myColHead.sort == "desc") nsort = "asc";
  1762. else nsort = "desc";
  1763. cfg.colHead.rows[colHeadR][colHeadC].sort = nsort;
  1764. /*sort 처리하기 */
  1765. if (nsort == "desc") {
  1766. axdom("#" + tdID).addClass("sortDesc");
  1767. } else {
  1768. axdom("#" + tdID).addClass("sortAsc");
  1769. }
  1770. this.list = this.sortList(nsort, myColHead, this.list);
  1771. this.printList();
  1772. this.nowSortHeadID = tdID;
  1773. this.nowSortHeadObj = myColHead;
  1774. }
  1775. if (cfg.colHead.onclick) { /* onclick bind */
  1776. var sendObj = {
  1777. index: null,
  1778. r: colHeadR,
  1779. c: colHeadC,
  1780. list: this.list,
  1781. colHead: myColHead,
  1782. page: this.page
  1783. };
  1784. cfg.colHead.onclick.call(sendObj);
  1785. }
  1786. },
  1787. colHeadToolClick: function (event) {
  1788. var cfg = this.config;
  1789. if (event.target.id == "") return;
  1790. var eid = event.target.id.split(/_AX_/g);
  1791. var eventTarget = event.target;
  1792. if (this.editorOpend) {
  1793. toast.push("Editor 활성화 상태에서는 기능을 사용할 수 없습니다.");
  1794. return;
  1795. /* 에디터가 오픈된 상태이면 비활성화 */
  1796. }
  1797. var lastIdx = eid.length - 1;
  1798. var colHeadR = eid[lastIdx - 1];
  1799. var colHeadC = eid[lastIdx];
  1800. var myColHead = cfg.colHead.rows[colHeadR][colHeadC];
  1801. /*toast.push("클릭된 colGroup seq : " + myColHead.colSeq); */
  1802. axdom("#" + cfg.targetID + "_AX_colHeadMenu").remove();
  1803. var po = [];
  1804. po.push("<div id=\"" + cfg.targetID + "_AX_colHeadMenu\" class=\"AXGridColGroupListBox\">");
  1805. for (var CG, cidx = 0, __arr = cfg.colGroup; (cidx < __arr.length && (CG = __arr[cidx])); cidx++) {
  1806. var addClass = (CG.display) ? " on" : "";
  1807. var lastClass = (cidx == cfg.colGroup.length - 1) ? " last" : "";
  1808. po.push("<a href=\"#AXexec\" class=\"AXGridColGroupListBoxItem" + addClass + lastClass + "\" id=\"" + cfg.targetID + "_AX_colHeadMenu_AX_" + CG.colSeq + "\">");
  1809. po.push(CG.label);
  1810. po.push("</a>");
  1811. }
  1812. ;
  1813. po.push("</div>");
  1814. axdom(document.body).append(po.join(''));
  1815. var offset = axdom(eventTarget).offset();
  1816. var css = {};
  1817. css.top = offset.top - 5;
  1818. css.left = offset.left - 20;
  1819. axdom("#" + cfg.targetID + "_AX_colHeadMenu").css(css);
  1820. /* colGroup click event bind */
  1821. var colGroupListClick = this.colGroupListClick.bind(this);
  1822. this.colGroupListClickBind = function (event) {
  1823. colGroupListClick(event);
  1824. };
  1825. axdom(document).bind("click", this.colGroupListClickBind);
  1826. axdom(document).bind("keydown", this.colGroupListClickBind);
  1827. /* colGroup click bind ~~~~~~~~~~~~~~~~~~~ */
  1828. },
  1829. colGroupListClick: function (event) {
  1830. var cfg = this.config;
  1831. if (event.keyCode == AXUtil.Event.KEY_ESC) {
  1832. axdom("#" + cfg.targetID + "_AX_colHeadMenu").remove();
  1833. axdom(document).unbind("keydown", this.colGroupListClickBind);
  1834. axdom(document).unbind("click", this.colGroupListClickBind);
  1835. return;
  1836. }
  1837. /* event target search - */
  1838. if (event.target.id == "") return;
  1839. var eid = event.target.id.split(/_AX_/g);
  1840. var eventTarget = event.target;
  1841. var myTarget = this.getEventTarget({
  1842. evt: eventTarget, evtIDs: eid,
  1843. find: function (evt, evtIDs) {
  1844. return (axdom(evt).hasClass("AXGridColGroupListBoxItem") || axdom(evt).hasClass("colHeadTool")) ? true : false;
  1845. }
  1846. });
  1847. /* event target search ------------------------ */
  1848. if (myTarget) {
  1849. if (axdom(myTarget).hasClass("colHeadTool")) return;
  1850. /*colHeadTool ready */
  1851. var targetID = myTarget.id;
  1852. var colSeq = targetID.split(/_AX_/g).last();
  1853. /*trace(cfg.colGroup[colSeq]); */
  1854. if (cfg.colGroup[colSeq].display) {
  1855. cfg.colGroup[colSeq].display = false;
  1856. axdom("#" + targetID).removeClass("on");
  1857. } else {
  1858. cfg.colGroup[colSeq].display = true;
  1859. axdom("#" + targetID).addClass("on");
  1860. }
  1861. /*redraw grid */
  1862. this.redrawGrid();
  1863. } else {
  1864. axdom("#" + cfg.targetID + "_AX_colHeadMenu").remove();
  1865. axdom(document).unbind("keydown", this.colGroupListClickBind);
  1866. axdom(document).unbind("click", this.colGroupListClickBind);
  1867. }
  1868. },
  1869. colHeadCheckBoxClick: function (event) {
  1870. var cfg = this.config;
  1871. if (event.target.id == "") return;
  1872. var eid = event.target.id.split(/_AX_/g);
  1873. var eventTarget = event.target;
  1874. if (axdom(eventTarget).hasClass("colHeadTdCheck")) {
  1875. eventTarget = axdom(eventTarget).find("input").get(0);
  1876. eventTarget.checked = !eventTarget.checked;
  1877. }
  1878. var lastIdx = eid.length - 1;
  1879. var colHeadR = eid[lastIdx - 1];
  1880. var colHeadC = eid[lastIdx];
  1881. var myColHead = cfg.colHead.rows[colHeadR][colHeadC];
  1882. this.checkedColSeq(myColHead.colSeq, eventTarget.checked);
  1883. },
  1884. /* colHead events ~~~~~~~~~~~~~~~~~*/
  1885. /* colHead 영역 ~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  1886. /* body 영역 */
  1887. needBindDBLClick: function () {
  1888. return ((axf.browser.name == "ie") && (axf.docTD === "Q" || axf.browser.version < 9));
  1889. },
  1890. sortList: function (nsort, myColHead, list) {
  1891. var cfg = this.config;
  1892. var _this = this;
  1893. var getValueForSort = function (item, itemIndex) {
  1894. if (myColHead.formatter) {
  1895. var result;
  1896. if (myColHead.formatter == "money") {
  1897. result = item[myColHead.key];
  1898. } else if (myColHead.formatter == "dec") {
  1899. result = (item[myColHead.key] == undefined) ? "" : item[myColHead.key].dec();
  1900. } else if (myColHead.formatter == "html") {
  1901. result = item[myColHead.key];
  1902. } else if (myColHead.formatter == "checkbox" || myColHead.formatter == "radio") {
  1903. result = item[myColHead.key];
  1904. } else {
  1905. var sendObj = {
  1906. index: itemIndex,
  1907. list: list,
  1908. item: item,
  1909. page: _this.page
  1910. };
  1911. result = myColHead.formatter.call(sendObj, itemIndex, item);
  1912. /*result 값이 money 형식인지 체크 합니다. */
  1913. var moneyCheck = (Object.isString(result)) ? result.replace(/,/g, "") : result;
  1914. if (axdom.isNumeric(moneyCheck)) result = result.number();
  1915. }
  1916. return result;
  1917. } else {
  1918. return item[myColHead.key];
  1919. }
  1920. };
  1921. if (nsort == "desc") {
  1922. var listIndex = 0;
  1923. list = list.sort(function (prevItem, nowItem) {
  1924. var v1 = getValueForSort(prevItem, listIndex);
  1925. var v2 = getValueForSort(nowItem, listIndex);
  1926. listIndex++;
  1927. if (v1 < v2) return 1;
  1928. else if (v1 > v2) return -1;
  1929. else if (v1 == v2) return 0;
  1930. });
  1931. } else {
  1932. var listIndex = 0;
  1933. list = list.sort(function (prevItem, nowItem) {
  1934. var v1 = getValueForSort(prevItem, listIndex);
  1935. var v2 = getValueForSort(nowItem, listIndex);
  1936. listIndex++;
  1937. if (v1 < v2) return -1;
  1938. else if (v1 > v2) return 1;
  1939. else if (v1 == v2) return 0;
  1940. });
  1941. }
  1942. return list;
  1943. },
  1944. setBody: function (list, rewrite) {
  1945. var cfg = this.config;
  1946. if (list) {
  1947. this.list = list;
  1948. }
  1949. var po = [];
  1950. po.push("<div id=\"" + cfg.targetID + "_AX_scrollContent\" class=\"gridScrollContent\">");
  1951. if (cfg.viewMode == "grid") {
  1952. po.push("<table cellpadding=\"0\" cellspacing=\"0\" class=\"gridBodyTable\" id=\"" + cfg.targetID + "_AX_gridBodyTable\">");
  1953. po.push(this.getColGroup("CB"));
  1954. /*colGroup 삽입 */
  1955. po.push("<thead id=\"" + cfg.targetID + "_AX_thead\"></thead>");
  1956. po.push("<tbody id=\"" + cfg.targetID + "_AX_tbody\">");
  1957. po.push("<tr class=\"noListTr\">");
  1958. po.push("<td colspan=\"" + (this.showColLen) + "\">");
  1959. po.push("<div class=\"tdRelBlock\">");
  1960. po.push("<div class=\"bodyNode bodyTdText\" align=\"center\">");
  1961. po.push(cfg.emptyListMSG);
  1962. po.push("</div>");
  1963. po.push("</div>");
  1964. po.push("</td>");
  1965. po.push("<td class=\"bodyNullTd\"><div class=\"tdRelBlock\">&nbsp;</div></td>");
  1966. po.push("</tr>");
  1967. po.push("</tbody>");
  1968. po.push("<tfoot id=\"" + cfg.targetID + "_AX_tfoot\"></tfoot>");
  1969. po.push("</table>");
  1970. } else if (cfg.viewMode == "icon") {
  1971. po.push("<div class=\"gridBodyDiv\" id=\"" + cfg.targetID + "_AX_gridBodyDiv\"></div>");
  1972. } else if (cfg.viewMode == "mobile") {
  1973. po.push("<div class=\"gridBodyDiv\" id=\"" + cfg.targetID + "_AX_gridBodyDiv\"></div>");
  1974. }
  1975. po.push("</div>");
  1976. if (cfg.viewMode == "grid" && this.hasFixed && ((rewrite && this.list.length > 0) || !rewrite)) {
  1977. po.push("<div id=\"" + cfg.targetID + "_AX_fixedScrollContent\" class=\"gridFixedScrollContent\" style=\"width:" + this.fixedColWidth + "px;\">");
  1978. po.push("<table cellpadding=\"0\" cellspacing=\"0\" class=\"gridFixedBodyTable\" style=\"width:" + this.fixedColWidth + "px;\">");
  1979. po.push(this.getColGroup("FB"));
  1980. /*colGroup 삽입 */
  1981. po.push("<thead id=\"" + cfg.targetID + "_AX_fixedThead\"></thead>");
  1982. po.push("<tbody id=\"" + cfg.targetID + "_AX_fixedTbody\">");
  1983. po.push("<tr class=\"noListTr\">");
  1984. po.push("<td colspan=\"" + (this.showColLen) + "\">");
  1985. po.push("</td>");
  1986. po.push("</tr>");
  1987. po.push("</tbody>");
  1988. po.push("<tfoot id=\"" + cfg.targetID + "_AX_fixedTfoot\"></tfoot>");
  1989. po.push("</table>");
  1990. po.push("</div>");
  1991. }
  1992. if (cfg.viewMode == "grid" || cfg.viewMode == "icon") {
  1993. //po.push("<div id=\"" + cfg.targetID + "_AX_scrollTrackXY\" class=\"gridScrollTrackXY\"></div>");
  1994. po.push("<div id=\"" + cfg.targetID + "_AX_scrollTrackY\" class=\"gridScrollTrackY\"><div id=\"" + cfg.targetID + "_AX_scrollYHandle\" class=\"gridScrollHandle\"></div></div>");
  1995. po.push("<div id=\"" + cfg.targetID + "_AX_scrollTrackX\" class=\"gridScrollTrackX\"><div id=\"" + cfg.targetID + "_AX_scrollXHandle\" class=\"gridScrollHandle\"></div></div>");
  1996. }
  1997. this.body.html(po.join(''));
  1998. this.scrollContent = axdom("#" + cfg.targetID + "_AX_scrollContent");
  1999. this.fixedScrollContent = axdom("#" + cfg.targetID + "_AX_fixedScrollContent");
  2000. //this.scrollTrackXY = axdom("#" + cfg.targetID + "_AX_scrollTrackXY");
  2001. this.scrollTrackY = axdom("#" + cfg.targetID + "_AX_scrollTrackY");
  2002. this.scrollYHandle = axdom("#" + cfg.targetID + "_AX_scrollYHandle");
  2003. this.scrollTrackX = axdom("#" + cfg.targetID + "_AX_scrollTrackX");
  2004. this.scrollXHandle = axdom("#" + cfg.targetID + "_AX_scrollXHandle");
  2005. if (this.list.length > 0) {
  2006. this.setList(this.list);
  2007. }
  2008. if (cfg.viewMode == "grid" || cfg.viewMode == "icon") {
  2009. /* scroll event bind */
  2010. this.scrollYHandle.unbind("mousedown").bind("mousedown", this.contentScrollScrollReady.bind(this));
  2011. this.scrollXHandle.unbind("mousedown").bind("mousedown", this.contentScrollScrollReady.bind(this));
  2012. /* scroll event bind ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
  2013. }
  2014. },
  2015. listLoadingDisplay: function () {
  2016. var cfg = this.config;
  2017. var po = [];
  2018. if (cfg.viewMode != "mobile") {
  2019. po.push("<tr class=\"noListTr\">");
  2020. po.push("<td colspan=\"" + (this.showColLen) + "\">");
  2021. po.push("<div class=\"tdRelBlock\">");
  2022. po.push("<div class=\"bodyNode bodyTdText\" align=\"center\">");
  2023. po.push(" <div class=\"AXLoading\"></div>");
  2024. po.push("</div>");
  2025. po.push("</div>");
  2026. po.push("</td>");
  2027. po.push("<td class=\"bodyNullTd\"><div class=\"tdRelBlock\">&nbsp;</div></td>");
  2028. po.push("</tr>");
  2029. axdom("#" + cfg.targetID + "_AX_tbody").html(po.join(''));
  2030. po = [];
  2031. po.push("<tr class=\"noListTr\">");
  2032. po.push("<td colspan=\"" + (this.showColLen) + "\">");
  2033. po.push("</td>");
  2034. po.push("</tr>");
  2035. axdom("#" + cfg.targetID + "_AX_fixedTbody").html(po.join(''));
  2036. } else {
  2037. if (cfg.viewMode == "grid") {
  2038. this.scrollContent.css({ top: 0 });
  2039. this.contentScrollContentSync({ top: 0 });
  2040. }
  2041. po.push(" <div class=\"AXLoading\"></div>");
  2042. axdom("#" + cfg.targetID + "_AX_gridBodyDiv").empty();
  2043. axdom("#" + cfg.targetID + "_AX_gridBodyDiv").append(po.join(''));
  2044. }
  2045. },
  2046. setList: function (obj, sortDisable, rewrite, exts) {
  2047. var cfg = this.config;
  2048. var nowSortHeadID = this.nowSortHeadID;
  2049. var nowSortHeadObj = this.nowSortHeadObj;
  2050. this.listLoadingDisplay();
  2051. /*this.selectedCells.clear(); */
  2052. /*this.selectedRow.clear(); */
  2053. if (obj.ajaxUrl) {
  2054. /*trace("hear"); */
  2055. this.ajaxInfo = obj;
  2056. this.ajax_sortDisable = sortDisable;
  2057. this.pageActive = true;
  2058. var url = obj.ajaxUrl;
  2059. var appendPars = [
  2060. "pageNo=" + ((exts == "paging") ? this.page.pageNo : 1),
  2061. "pageSize=" + this.page.pageSize
  2062. ];
  2063. var pars = (obj.ajaxPars) ? obj.ajaxPars + "&" + appendPars.join('&') : appendPars.join('&');
  2064. var _method = "post";
  2065. var _contentType = AXConfig.AXReq.contentType;
  2066. var _headers = {};
  2067. if (obj.method) _method = obj.method;
  2068. if (obj.contentType) _contentType = obj.contentType;
  2069. if (obj.headers) _headers = obj.headers;
  2070. var ajaxGetList = this.ajaxGetList.bind(this);
  2071. new AXReq(url, {
  2072. type: _method,
  2073. contentType: _contentType,
  2074. headers: _headers,
  2075. debug: false,
  2076. pars: pars,
  2077. onsucc: function (res) {
  2078. if (res.result == AXConfig.AXReq.okCode) {
  2079. res._sortDisable = sortDisable;
  2080. if (obj.response) {
  2081. obj.response.call(res);
  2082. } else {
  2083. ajaxGetList(res);
  2084. }
  2085. if (obj.onLoad) obj.onLoad.call(res);
  2086. } else {
  2087. if(obj.onError) obj.onError.call(res);
  2088. else AXUtil.alert(res);
  2089. }
  2090. }
  2091. });
  2092. } else {
  2093. if (axdom.isArray(obj)) {
  2094. if (sortDisable || !cfg.sort) {
  2095. this.list = obj;
  2096. } else {
  2097. if (nowSortHeadID) {
  2098. this.list = this.sortList(nowSortHeadObj.sort, nowSortHeadObj, obj);
  2099. } else {
  2100. this.list = obj;
  2101. }
  2102. }
  2103. this.printList();
  2104. this.scrollTop(0);
  2105. if (!cfg.page.paging) {
  2106. this.setStatus(this.list.length);
  2107. this.pagingUnit.hide();
  2108. this.pageActive = false;
  2109. }
  2110. }
  2111. }
  2112. },
  2113. reloadList: function () {
  2114. var cfg = this.config;
  2115. var nowSortHeadID = this.nowSortHeadID;
  2116. var nowSortHeadObj = this.nowSortHeadObj;
  2117. this.selectedCells.clear();
  2118. this.selectedRow.clear();
  2119. if (this.ajaxInfo) {
  2120. var obj = this.ajaxInfo;
  2121. var sortDisable = this.ajax_sortDisable;
  2122. this.pageActive = true;
  2123. this.listLoadingDisplay();
  2124. var url = obj.ajaxUrl;
  2125. var appendPars = [
  2126. "pageNo=" + this.page.pageNo,
  2127. "pageSize=" + this.page.pageSize
  2128. ];
  2129. var pars = (obj.ajaxPars) ? obj.ajaxPars + "&" + appendPars.join('&') : appendPars.join('&');
  2130. var scrollTop = function () {
  2131. this.scrollTop(0);
  2132. };
  2133. var scrollTopBind = scrollTop.bind(this);
  2134. var ajaxGetList = this.ajaxGetList.bind(this);
  2135. var userResponseSetPaging = function (res) {
  2136. AXUtil.overwriteObject(this.page, res.page, true);
  2137. this.setPaging();
  2138. };
  2139. var userResponse = userResponseSetPaging.bind(this);
  2140. new AXReq(url, {
  2141. debug: false, pars: pars, onsucc: function (res) {
  2142. if (res.result == AXConfig.AXReq.okCode) {
  2143. res._sortDisable = sortDisable;
  2144. if (obj.response) {
  2145. obj.response.call(res);
  2146. userResponse(res);
  2147. } else {
  2148. ajaxGetList(res);
  2149. }
  2150. scrollTopBind();
  2151. } else {
  2152. AXUtil.alert(res);
  2153. }
  2154. }
  2155. });
  2156. }
  2157. },
  2158. ajaxGetList: function (res) {
  2159. var cfg = this.config;
  2160. var nowSortHeadID = this.nowSortHeadID;
  2161. var nowSortHeadObj = this.nowSortHeadObj;
  2162. if (res._sortDisable || !cfg.sort) {
  2163. this.list = res.list;
  2164. } else {
  2165. if (nowSortHeadID) {
  2166. this.list = this.sortList(nowSortHeadObj.sort, nowSortHeadObj, res.list);
  2167. } else {
  2168. this.list = res.list;
  2169. }
  2170. }
  2171. AXUtil.overwriteObject(this.page, res.page, true);
  2172. this.printList();
  2173. this.scrollTop(0);
  2174. this.setPaging();
  2175. },
  2176. /**
  2177. * 그리드 데이터를 페이지까지 포함하여 정의해 줍니다. ajax를 사용하지 않는 방법
  2178. *
  2179. * @name AXGrid.setData
  2180. *
  2181. * @param {JSObject} gridData
  2182. * @param {Array} gridData.list list of grid
  2183. * @param {JSObject} gridData.page pageing data
  2184. * @param {Number} pageNo
  2185. * @param {Number} pageSize
  2186. * @param {Number} pageCount
  2187. * @param {Number} listCount
  2188. *
  2189. * @description
  2190. '''js
  2191. var gridData = {
  2192. list: _obj.document_list,
  2193. page:{
  2194. pageNo: _obj.page_navigation.cur_page,
  2195. pageSize: 20,
  2196. pageCount: _obj.page_navigation.page_count,
  2197. listCount: _obj.page_navigation.total_count,
  2198. onchange: function(pageNo){
  2199. dialog.push(Object.toJSON(this));
  2200. trace(this, pageNo);
  2201. }
  2202. }
  2203. };
  2204. myGrid.setData(gridData);
  2205. ```
  2206. */
  2207. setData: function (res) {
  2208. var cfg = this.config;
  2209. var nowSortHeadID = this.nowSortHeadID;
  2210. var nowSortHeadObj = this.nowSortHeadObj;
  2211. if (res._sortDisable || !cfg.sort) {
  2212. this.list = res.list;
  2213. } else {
  2214. if (nowSortHeadID) {
  2215. this.list = this.sortList(nowSortHeadObj.sort, nowSortHeadObj, res.list);
  2216. } else {
  2217. this.list = res.list;
  2218. }
  2219. }
  2220. if(!this.page.onchange) this.page.onchange = this.page.onChange;
  2221. axf.overwriteObject(this.page, res.page, true);
  2222. this.printList();
  2223. this.scrollTop(0);
  2224. this.setPaging();
  2225. },
  2226. getFormatterValue: function (formatter, item, itemIndex, value, key, CH) {
  2227. var cfg = this.config;
  2228. var result;
  2229. if (formatter == "money") {
  2230. if (value == "" || value == "null" || value == null || value == undefined) {
  2231. result = "0";
  2232. } else {
  2233. result = (value || 0).number().money();
  2234. }
  2235. } else if (formatter == "dec") {
  2236. result = (value == undefined) ? "" : value.dec();
  2237. } else if (formatter == "html") {
  2238. result = value;
  2239. } else if (formatter == "checkbox" || formatter == "radio") {
  2240. var checked = "";
  2241. var disabled = "";
  2242. var sendObj = {
  2243. index: itemIndex,
  2244. list: this.list,
  2245. item: item,
  2246. page: this.page,
  2247. key: key,
  2248. value: value
  2249. };
  2250. if (CH.checked) {
  2251. var callResult = CH.checked.call(sendObj);
  2252. if (callResult) {
  2253. checked = " checked=\"checked\" ";
  2254. }
  2255. }
  2256. if (CH.disabled) {
  2257. var callDisabledResult = CH.disabled.call(sendObj);
  2258. if (callDisabledResult) {
  2259. disabled = " disabled=\"disabled\" ";
  2260. }
  2261. }
  2262. result = "<label class=\"gridCheckboxLabel\"><input type=\"" + formatter + "\" name=\"" + CH.label + "\" class=\"gridCheckBox_body_colSeq" + CH.colSeq + "\" id=\"" + cfg.targetID + "_AX_checkboxItem_AX_" + CH.colSeq + "_AX_" + itemIndex + "\" value=\"" + value + "\" " + checked + disabled + " /></label>";
  2263. } else {
  2264. try {
  2265. var sendObj = {
  2266. index: itemIndex,
  2267. list: this.list,
  2268. item: item,
  2269. page: this.page,
  2270. key: key,
  2271. value: value
  2272. };
  2273. result = formatter.call(sendObj, itemIndex, item);
  2274. } catch (e) {
  2275. result = value;
  2276. trace(e);
  2277. }
  2278. }
  2279. return result;
  2280. },
  2281. getTooltipValue: function (formatter, item, itemIndex, value, key, CH) {
  2282. var cfg = this.config;
  2283. var result;
  2284. if (formatter == "money") {
  2285. if (value == "" || value == "null") {
  2286. result = "0";
  2287. } else {
  2288. result = value.number().money();
  2289. }
  2290. } else if (formatter == "dec") {
  2291. result = (value == undefined) ? "" : value.dec();
  2292. } else if (formatter == "html") {
  2293. result = value;
  2294. } else if (formatter == "checkbox" || formatter == "radio") {
  2295. var checked = "";
  2296. if (CH.checked) {
  2297. var sendObj = {
  2298. index: itemIndex,
  2299. list: this.list,
  2300. item: item,
  2301. page: this.page,
  2302. key: key,
  2303. value: value
  2304. };
  2305. var callResult = CH.checked.call(sendObj);
  2306. if (callResult) {
  2307. checked = " checked=\"checked\" ";
  2308. }
  2309. }
  2310. result = "<input type=\"" + formatter + "\" name=\"" + CH.label + "\" class=\"gridCheckBox_body_colSeq" + CH.colSeq + "\" id=\"" + cfg.targetID + "_AX_checkboxItem_AX_" + CH.colSeq + "_AX_" + itemIndex + "\" value=\"" + value + "\" " + checked + " />";
  2311. } else {
  2312. try {
  2313. var sendObj = {
  2314. index: itemIndex,
  2315. list: this.list,
  2316. item: item,
  2317. page: this.page,
  2318. key: key,
  2319. value: value
  2320. };
  2321. result = formatter.call(sendObj, itemIndex, item);
  2322. } catch (e) {
  2323. trace(e);
  2324. }
  2325. }
  2326. return result;
  2327. },
  2328. getItem: function (itemIndex, item, isfix, hasTr) {
  2329. var cfg = this.config;
  2330. var tpo = [];
  2331. var evenClassName = "line" + (itemIndex % 2);
  2332. var getFormatterValue = this.getFormatterValue.bind(this);
  2333. var getTooltipValue = this.getTooltipValue.bind(this);
  2334. var hasFixed = this.hasFixed;
  2335. var hasTrValue = (hasTr === undefined);
  2336. var trAddClass = "";
  2337. if (cfg.body.addClass) {
  2338. try {
  2339. trAddClass = cfg.body.addClass.call({
  2340. index: itemIndex,
  2341. item: item,
  2342. list: this.list,
  2343. page: this.page
  2344. }) || "";
  2345. } catch (e) {
  2346. trace(e);
  2347. }
  2348. }
  2349. for (var r = 0; r < cfg.body.rows.length; r++) {
  2350. var isLastTR = (cfg.body.rows.length - 1 == r);
  2351. if (hasTrValue) tpo.push("<tr class=\"gridBodyTr gridBodyTr_" + itemIndex + " " + evenClassName + " " + trAddClass + "\" id=\"" + cfg.targetID + "_AX_tr_" + r + "_AX_" + (isfix || "n") + "_AX_" + itemIndex + "\">");
  2352. var colCount = 0;
  2353. for (var CH, CHidx = 0; (CHidx < cfg.body.rows[r].length && (CH = cfg.body.rows[r][CHidx])); CHidx++) {
  2354. if (CH.display && CH.colspan > 0) {
  2355. var printOk = false;
  2356. if (isfix == "n") printOk = true;
  2357. if (isfix == "fix" && colCount < (cfg.fixedColSeq + 1)) printOk = true;
  2358. if (printOk) {
  2359. colCount += CH.colspan;
  2360. /*radio, check exception */
  2361. var rowspan = (CH.rowspan > 1) ? " rowspan=\"" + CH.rowspan + "\"" : "";
  2362. var colspan = (CH.colspan > 1) ? " colspan=\"" + CH.colspan + "\"" : "";
  2363. var valign = " valign=\"" + CH.valign + "\" style=\"vertical-align:" + CH.valign + ";\"";
  2364. var bottomClass = (CH.isLastCell) ? "" : " bodyBottomBorder";
  2365. var fixedClass = (CH.isFixedEndCell) ? " fixedLine" : "";
  2366. /*trace({r:r, CHidx:CHidx, fixedColSeq:cfg.fixedColSeq, colCount:colCount}); */
  2367. var bodyNodeClass = "";
  2368. if (CH.formatter == "checkbox" || CH.formatter == "radio") bodyNodeClass = " bodyTdCheckBox";
  2369. else if (CH.formatter == "html") bodyNodeClass = " bodyTdHtml";
  2370. var tooltipValue = "";
  2371. if (CH.tooltip) {
  2372. tooltipValue = getTooltipValue(CH.tooltip, item, itemIndex, item[CH.key], CH.key, CH);
  2373. }
  2374. tpo.push("<td" + valign + rowspan + colspan + " id=\"" + cfg.targetID + "_AX_" + (isfix || "n") + "body_AX_" + r + "_AX_" + CHidx + "_AX_" + itemIndex + "\" class=\"bodyTd" + bottomClass + fixedClass + "\">");
  2375. /*tpo.push("<div class=\"tdRelBlock\">");*/
  2376. tpo.push("<div class=\"bodyNode bodyTdText" + bodyNodeClass + "\" align=\"" + CH.align + "\" id=\"" + cfg.targetID + "_AX_bodyText_AX_" + r + "_AX_" + CHidx + "_AX_" + itemIndex + "\" title=\"" + tooltipValue + "\" title=\"" + tooltipValue + "\">");
  2377. if ((hasFixed && !CH.isFixedCell) || !hasFixed || isfix != undefined) {
  2378. if (CH.formatter) {
  2379. tpo.push(getFormatterValue(CH.formatter, item, itemIndex, item[CH.key], CH.key, CH));
  2380. } else {
  2381. tpo.push(item[CH.key]);
  2382. }
  2383. } else {
  2384. tpo.push("&nbsp;");
  2385. }
  2386. tpo.push("</div>");
  2387. /*tpo.push("</div>");*/
  2388. tpo.push("</td>");
  2389. }
  2390. }
  2391. }
  2392. if (r == 0 && isfix == "n") {
  2393. tpo.push("<td class=\"bodyNullTd\" id=\"" + cfg.targetID + "_AX_null_AX_" + itemIndex + "\" rowspan=\"" + cfg.body.rows.length + "\"><div class=\"tdRelBlock\" id=\"" + cfg.targetID + "_AX_tdRelBlock_AX_" + itemIndex + "\">&nbsp;</div></td>");
  2394. }
  2395. if (hasTrValue) tpo.push("</tr>");
  2396. }
  2397. return tpo.join('');
  2398. },
  2399. getIconItem: function (itemIndex, item, viewIconObj, cssObj) {
  2400. var cfg = this.config;
  2401. var tpo = [];
  2402. var getFormatterValue = this.getFormatterValue.bind(this);
  2403. var getTooltipValue = this.getTooltipValue.bind(this);
  2404. var format;
  2405. try {
  2406. format = viewIconObj.format.call({ index: itemIndex, item: item });
  2407. } catch (e) {
  2408. trace(e);
  2409. }
  2410. tpo.push("<div class=\"viewIcon bodyViewIcon bodyViewIcon_" + itemIndex + " " + (viewIconObj.addClass || "") + "\" style=\"" + cssObj.box + ";\" id=\"" + cfg.targetID + "_AX_viewIcon_AX_" + itemIndex + "\">");
  2411. if (format.imgsrc) {
  2412. tpo.push("<img src=\"");
  2413. tpo.push(format.imgsrc);
  2414. tpo.push("\" align=\"middle\" alt=\"" + format.label + "\" style=\"" + cssObj.img + ";\" class=\"gridViewIconThumbnail\" />");
  2415. }
  2416. if (format.label) {
  2417. tpo.push("<div style=\"" + cssObj.label + ";\" class=\"gridViewIconLabel\">");
  2418. tpo.push(format.label);
  2419. tpo.push("</div>");
  2420. }
  2421. if (format.description) {
  2422. tpo.push("<div style=\"" + cssObj.description + ";\" class=\"gridViewIconDescription\">");
  2423. tpo.push(format.description);
  2424. tpo.push("</div>");
  2425. }
  2426. if (viewIconObj.buttons) {
  2427. if (viewIconObj.buttons.items) {
  2428. tpo.push("<div style=\"" + cssObj.buttons + ";\" class=\"gridViewIconbuttons\">");
  2429. for (var B, bidx = 0; (bidx < viewIconObj.buttons.items.length && (B = viewIconObj.buttons.items[bidx])); bidx++) {
  2430. tpo.push("<button type=\"button\" class=\"viewIconButtonsItem " + B.addClass + "\" id=\"" + cfg.targetID + "_AX_viewIcon_AX_" + itemIndex + "_AX_" + bidx + "\">");
  2431. tpo.push(B.label);
  2432. tpo.push("</button> ");
  2433. }
  2434. ;
  2435. tpo.push("</div>");
  2436. }
  2437. }
  2438. tpo.push("</div>");
  2439. return tpo.join('');
  2440. },
  2441. getMobileItem: function (itemIndex, item, mobileView) {
  2442. var cfg = this.config;
  2443. var tpo = [];
  2444. var evenClassName = "line" + (itemIndex % 2);
  2445. var getFormatterValue = this.getFormatterValue.bind(this);
  2446. var getTooltipValue = this.getTooltipValue.bind(this);
  2447. var trAddClass = "";
  2448. if (cfg.body.addClass) {
  2449. try {
  2450. trAddClass = cfg.body.addClass.call({
  2451. index: itemIndex,
  2452. item: item,
  2453. list: this.list,
  2454. page: this.page
  2455. }) || "";
  2456. } catch (e) {
  2457. trace(e);
  2458. }
  2459. }
  2460. tpo.push("<section class=\"bodyViewMobile bodyViewMobile_" + itemIndex + " " + " " + evenClassName + " " + (mobileView.addClass || "") + "\" id=\"" + cfg.targetID + "_AX_viewMobile_AX_" + itemIndex + "\">");
  2461. var __memoCol = null, displayColumnCount = 0;
  2462. for (var CN, cidx = 0, __arr = mobileView.column; (cidx < __arr.length && (CN = __arr[cidx])); cidx++) {
  2463. if (CN.display == true || CN.display == undefined) displayColumnCount++;
  2464. }
  2465. for (var CN, cidx = 0, __arr = mobileView.column; (cidx < __arr.length && (CN = __arr[cidx])); cidx++) {
  2466. if (CN.display == true || CN.display == undefined) {
  2467. var colClass = "", colAddClass = (CN.addClass || "");
  2468. if(displayColumnCount === 1) colAddClass = ""; // show column 1
  2469. if (CN.col) colClass = "col" + CN.col;
  2470. else colClass = "colNone";
  2471. if (__memoCol != null && !CN.col) tpo.push("<div style='clear:both;'></div>");
  2472. tpo.push("<div class='column " + colClass + " " + trAddClass + " " + colAddClass + "'>");
  2473. if (mobileView.label != false) {
  2474. tpo.push("<span class='label'>" + CN.label + "</span>");
  2475. tpo.push("<span class='content'>");
  2476. } else {
  2477. tpo.push("<span class='content solid'>");
  2478. }
  2479. if (CN.formatter) {
  2480. tpo.push(getFormatterValue(CN.formatter, item, itemIndex, item[CN.key], CN.key, CN));
  2481. } else {
  2482. tpo.push(item[CN.key]);
  2483. }
  2484. tpo.push("</span>");
  2485. tpo.push("</div>");
  2486. __memoCol = CN.col;
  2487. }
  2488. }
  2489. tpo.push("<div class='columnClear'></div>");
  2490. tpo.push("<div class='buttonGroup'>");
  2491. if(mobileView.buttons){
  2492. for (var B, bidx = 0, __arr = mobileView.buttons; (bidx < __arr.length && (B = __arr[bidx])); bidx++){
  2493. tpo.push("<a class='buttonGroupItem "+ B.addClass +"' id='"+ cfg.targetID +"_AX_mobileViewButton_AX_"+ itemIndex +"_AX_"+ bidx +"'>");
  2494. tpo.push("</a>");
  2495. }
  2496. }
  2497. tpo.push("</div>");
  2498. tpo.push("</section>");
  2499. return tpo.join('');
  2500. },
  2501. getItemMarker: function (itemIndex, item, isfix) {
  2502. var cfg = this.config;
  2503. var tpo = [];
  2504. var evenClassName = "gridBodyMarker";
  2505. var getFormatterValue = this.getFormatterValue.bind(this);
  2506. var hasFixed = this.hasFixed;
  2507. var trAddClass = "";
  2508. if (cfg.body.marker.addClass) {
  2509. try {
  2510. trAddClass = cfg.body.marker.addClass.call({
  2511. index: itemIndex,
  2512. item: item,
  2513. list: this.list,
  2514. page: this.page
  2515. }) || "";
  2516. } catch (e) {
  2517. trace(e);
  2518. }
  2519. }
  2520. for (var r = 0; r < cfg.body.marker.rows.length; r++) {
  2521. var isLastTR = (cfg.body.marker.rows.length - 1 == r);
  2522. tpo.push("<tr class=\"gridBodyTr gridBodyMarkerTr_" + itemIndex + " " + evenClassName + " " + trAddClass + "\" id=\"" + cfg.targetID + "_AX_marker_" + r + "_AX_" + (isfix || "n") + "_AX_" + itemIndex + "\">");
  2523. var colCount = 0;
  2524. for (var CH, CHidx = 0, __arr = cfg.body.marker.rows[r]; (CHidx < __arr.length && (CH = __arr[CHidx])); CHidx++) {
  2525. if (CH.display && CH.colspan > 0) {
  2526. if (isfix == "n" || (isfix != undefined && colCount < (cfg.fixedColSeq + 1))) {
  2527. colCount += CH.colspan;
  2528. /*radio, check exception */
  2529. var rowspan = (CH.rowspan > 1) ? " rowspan=\"" + CH.rowspan + "\"" : "";
  2530. var colspan = (CH.colspan > 1) ? " colspan=\"" + CH.colspan + "\"" : "";
  2531. var valign = " valign=\"" + CH.valign + "\" style=\"vertical-align:" + CH.valign + ";\"";
  2532. var bottomClass = (CH.isLastCell) ? "" : " bodyBottomBorder";
  2533. var fixedClass = (CH.isFixedEndCell) ? " fixedLine" : "";
  2534. /*trace({r:r, CHidx:CHifixedColSeq:cfg.fixedColSeq, colCount:colCount}); */
  2535. var bodyNodeClass = "";
  2536. if (CH.formatter == "checkbox" || CH.formatter == "radio") bodyNodeClass = " bodyTdCheckBox";
  2537. else if (CH.formatter == "html") bodyNodeClass = " bodyTdHtml";
  2538. tpo.push("<td" + valign + rowspan + colspan + " id=\"" + cfg.targetID + "_AX_" + (isfix || "n") + "bodyMarker_AX_" + r + "_AX_" + CHidx + "_AX_" + itemIndex + "\" class=\"bodyTd" + bottomClass + fixedClass + "\">");
  2539. /*tpo.push("<div class=\"tdRelBlock\">");*/
  2540. tpo.push("<div class=\"bodyNode bodyTdText" + bodyNodeClass + "\" align=\"" + CH.align + "\" id=\"" + cfg.targetID + "_AX_bodyMarkerText_AX_" + r + "_AX_" + CHidx + "_AX_" + itemIndex + "\">");
  2541. if ((hasFixed && !CH.isFixedCell) || !hasFixed || isfix != undefined) {
  2542. if (CH.formatter) {
  2543. tpo.push(getFormatterValue(CH.formatter, item, itemIndex, item[CH.key], CH.key, CH));
  2544. } else {
  2545. tpo.push(item[CH.key]);
  2546. }
  2547. } else {
  2548. tpo.push("&nbsp;");
  2549. }
  2550. tpo.push("</div>");
  2551. /*tpo.push("</div>");*/
  2552. tpo.push("</td>");
  2553. }
  2554. }
  2555. }
  2556. ;
  2557. if (r == 0 && isfix == "n") {
  2558. tpo.push("<td class=\"bodyNullTd\" id=\"" + cfg.targetID + "_AX_nullMarker_AX_" + itemIndex + "\" rowspan=\"" + cfg.body.marker.rows.length + "\"><div class=\"tdRelBlock\" id=\"" + cfg.targetID + "_AX_tdRelBlockMarker_AX_" + itemIndex + "\">&nbsp;</div></td>");
  2559. }
  2560. tpo.push("</tr>");
  2561. }
  2562. return tpo.join('');
  2563. },
  2564. getMarkerDisplay: function (itemIndex, item) {
  2565. var cfg = this.config;
  2566. var bodyHasMarker = this.bodyHasMarker;
  2567. if (!bodyHasMarker) return false;
  2568. var sendObj = {
  2569. index: itemIndex,
  2570. list: this.list,
  2571. item: item,
  2572. page: this.page
  2573. };
  2574. var markerDisplay;
  2575. try {
  2576. markerDisplay = cfg.body.marker.display.call(sendObj, itemIndex, item);
  2577. } catch (e) {
  2578. trace(e);
  2579. }
  2580. return markerDisplay;
  2581. },
  2582. printList: function () {
  2583. var cfg = this.config;
  2584. var bodyHasMarker = this.bodyHasMarker;
  2585. var getItem = this.getItem.bind(this);
  2586. var getItemMarker = this.getItemMarker.bind(this);
  2587. var getMarkerDisplay = this.getMarkerDisplay.bind(this);
  2588. if (this.editorOpend) {
  2589. this.cancelEditor();
  2590. }
  2591. /* icon view */
  2592. var getIconItem = this.getIconItem.bind(this);
  2593. /* --------------------------- icon view */
  2594. /* mobile view */
  2595. var getMobileItem = this.getMobileItem.bind(this);
  2596. /* --------------------------- icon view */
  2597. var po = [];
  2598. /* view mode 가 grid 인경우만 유효 */
  2599. if (cfg.viewMode == "grid") {
  2600. for (var item, itemIndex = 0, __arr = this.list; (itemIndex < __arr.length && (item = __arr[itemIndex])); itemIndex++) {
  2601. po.push(getItem(itemIndex, item, "n"));
  2602. if (bodyHasMarker && getMarkerDisplay(itemIndex, item)) {
  2603. po.push(getItemMarker(itemIndex, item, "n"));
  2604. }
  2605. }
  2606. if (this.list.length == 0) { /* empty tags */
  2607. po.push("<tr class=\"noListTr\">");
  2608. po.push("<td colspan=\"" + (this.showColLen) + "\">");
  2609. po.push("<div class=\"tdRelBlock\">");
  2610. po.push("<div class=\"bodyNode bodyTdText\" align=\"center\">");
  2611. po.push(cfg.emptyListMSG);
  2612. po.push("</div>");
  2613. po.push("</div>");
  2614. po.push("</td>");
  2615. po.push("<td class=\"bodyNullTd\"><div class=\"tdRelBlock\">&nbsp;</div></td>");
  2616. po.push("</tr>");
  2617. }
  2618. axdom("#" + cfg.targetID + "_AX_tbody").empty();
  2619. axdom("#" + cfg.targetID + "_AX_tbody").append(po.join(''));
  2620. if (this.hasFixed) {
  2621. po = [];
  2622. for (var item, itemIndex = 0, __arr = this.list; (itemIndex < __arr.length && (item = __arr[itemIndex])); itemIndex++) {
  2623. po.push(getItem(itemIndex, item, "fix"));
  2624. if (bodyHasMarker && getMarkerDisplay(itemIndex, item)) {
  2625. po.push(getItemMarker(itemIndex, item, "fix"));
  2626. }
  2627. }
  2628. axdom("#" + cfg.targetID + "_AX_fixedTbody").empty();
  2629. axdom("#" + cfg.targetID + "_AX_fixedTbody").append(po.join(''));
  2630. }
  2631. this.body.find(".gridBodyTr").bind("mouseover", this.gridBodyOver.bind(this));
  2632. this.body.find(".gridBodyTr").bind("mouseout", this.gridBodyOut.bind(this));
  2633. this.body.find(".gridBodyTr").bind("click", this.gridBodyClick.bind(this));
  2634. if (this.needBindDBLClick()) this.body.find(".gridBodyTr").bind("dblclick", this.gridBodyDBLClick.bind(this));
  2635. if (this.selectedRow && this.selectedRow.length > 0) {
  2636. var body = this.body;
  2637. for (var item, itemIndex = 0, __arr = this.selectedRow; (itemIndex < __arr.length && (item = __arr[itemIndex])); itemIndex++) {
  2638. body.find(".gridBodyTr_" + item).addClass("selected");
  2639. }
  2640. var itemIndex = this.selectedRow.last();
  2641. try {
  2642. var trTop = this.body.find(".gridBodyTr_" + itemIndex).position().top;
  2643. var trHeight = this.body.find(".gridBodyTr_" + itemIndex).height();
  2644. var scrollHeight = this.body_scrollContent.height();
  2645. var bodyHeight = this.body.height() - this.body_scrollTrackXY.outerHeight();
  2646. var handleHeight = this.body_scrollYHandle.outerHeight();
  2647. var trackHeight = this.body_scrollTrackY.height();
  2648. if (trTop.number() + trHeight.number() > bodyHeight) {
  2649. var scrollTop = bodyHeight - (trTop.number() + trHeight.number());
  2650. this.body_scrollContent.css({ top: scrollTop });
  2651. this.contentScrollContentSync({ top: scrollTop });
  2652. } else {
  2653. if (trTop.number() == 0) {
  2654. var scrollTop = 0;
  2655. this.body_scrollContent.css({ top: scrollTop });
  2656. this.contentScrollContentSync({ top: scrollTop });
  2657. }
  2658. }
  2659. } catch (e) {
  2660. }
  2661. }
  2662. } else if (cfg.viewMode == "icon") {
  2663. var viewIconObj = cfg.view;
  2664. var viewIconCss = [];
  2665. viewIconCss.push("width:" + viewIconObj.width.number() + "px");
  2666. viewIconCss.push("height:" + viewIconObj.height.number() + "px");
  2667. if (viewIconObj.style) viewIconCss.push(viewIconObj.style);
  2668. var viewIconImgCss = [];
  2669. viewIconImgCss.push("left:" + viewIconObj.img.left.number() + "px");
  2670. viewIconImgCss.push("top:" + viewIconObj.img.top.number() + "px");
  2671. viewIconImgCss.push("width:" + viewIconObj.img.width.number() + "px");
  2672. viewIconImgCss.push("height:" + viewIconObj.img.height.number() + "px");
  2673. if (viewIconObj.img.style) viewIconImgCss.push(viewIconObj.img.style);
  2674. var viewIconLabelCss = [];
  2675. viewIconLabelCss.push("left:" + viewIconObj.label.left.number() + "px");
  2676. viewIconLabelCss.push("top:" + viewIconObj.label.top.number() + "px");
  2677. viewIconLabelCss.push("width:" + viewIconObj.label.width.number() + "px");
  2678. viewIconLabelCss.push("height:" + viewIconObj.label.height.number() + "px");
  2679. if (viewIconObj.label.style) viewIconLabelCss.push(viewIconObj.label.style);
  2680. var viewIconDescriptionCss = [];
  2681. viewIconDescriptionCss.push("left:" + viewIconObj.description.left.number() + "px");
  2682. viewIconDescriptionCss.push("top:" + viewIconObj.description.top.number() + "px");
  2683. viewIconDescriptionCss.push("width:" + viewIconObj.description.width.number() + "px");
  2684. viewIconDescriptionCss.push("height:" + viewIconObj.description.height.number() + "px");
  2685. if (viewIconObj.description.style) viewIconDescriptionCss.push(viewIconObj.description.style);
  2686. var viewIconButtonsCss = [];
  2687. if (viewIconObj.buttons) {
  2688. viewIconButtonsCss.push("left:" + viewIconObj.buttons.left.number() + "px");
  2689. viewIconButtonsCss.push("top:" + viewIconObj.buttons.top.number() + "px");
  2690. viewIconButtonsCss.push("width:" + viewIconObj.buttons.width.number() + "px");
  2691. viewIconButtonsCss.push("height:" + viewIconObj.buttons.height.number() + "px");
  2692. if (viewIconObj.buttons.style) viewIconButtonsCss.push(viewIconObj.buttons.style);
  2693. }
  2694. var cssObj = {
  2695. box: viewIconCss.join(";"),
  2696. img: viewIconImgCss.join(";"),
  2697. label: viewIconLabelCss.join(";"),
  2698. description: viewIconDescriptionCss.join(";"),
  2699. buttons: viewIconButtonsCss.join(";")
  2700. };
  2701. for (var item, itemIndex = 0, __arr = this.list; (itemIndex < __arr.length && (item = __arr[itemIndex])); itemIndex++) {
  2702. po.push(getIconItem(itemIndex, item, viewIconObj, cssObj));
  2703. }
  2704. po.push("<div style='clear:both;'></div>");
  2705. var gridBodyDiv = axdom("#" + cfg.targetID + "_AX_gridBodyDiv");
  2706. gridBodyDiv.empty();
  2707. gridBodyDiv.append(po.join(''));
  2708. this.body.find(".bodyViewIcon").bind("click", this.gridBodyClick.bind(this));
  2709. if (this.needBindDBLClick()) this.body.find(".bodyViewIcon").bind("dblclick", this.gridBodyDBLClick.bind(this));
  2710. if (this.selectedRow && this.selectedRow.length > 0) {
  2711. var body = this.body;
  2712. for (var item, itemIndex = 0, __arr = this.selectedRow; (itemIndex < __arr.length && (item = __arr[itemIndex])); itemIndex++) {
  2713. body.find(".bodyViewIcon_" + item).addClass("selected");
  2714. }
  2715. }
  2716. var _list = this.list;
  2717. var iconButtonClick = function (event) {
  2718. var ids = event.target.id.split(/_AX_/g);
  2719. var itemIndex = ids[ids.length - 2];
  2720. var buttonIndex = ids[ids.length - 1];
  2721. if (viewIconObj.buttons.items[buttonIndex].onclick) {
  2722. viewIconObj.buttons.items[buttonIndex].onclick.call({
  2723. index: itemIndex,
  2724. list: _list,
  2725. item: _list[itemIndex],
  2726. buttonItem: viewIconObj.buttons.items[buttonIndex]
  2727. });
  2728. }
  2729. };
  2730. var iconButtonClickBind = iconButtonClick.bind(this);
  2731. this.body.find(".bodyViewIcon .viewIconButtonsItem").bind("click", function (event) {
  2732. iconButtonClickBind(event);
  2733. });
  2734. } else if (cfg.viewMode == "mobile") {
  2735. var mobileView = cfg.view;
  2736. if (mobileView == undefined) {
  2737. var columns = [];
  2738. for (var CG, cidx = 0, __arr = cfg.colGroup; (cidx < __arr.length && (CG = __arr[cidx])); cidx++) {
  2739. var col = null, addClass = "";
  2740. if (CG.widthAstric || CG.width.number() >= 200) {
  2741. col = 4;
  2742. addClass = "underLine";
  2743. } else if (CG.width.number() >= 100) {
  2744. col = 2;
  2745. } else if (CG.width.number() >= 40) {
  2746. //col = 1;
  2747. }
  2748. columns.push(
  2749. {key: CG.key, label: CG.label, col: col, formatter: CG.formatter, addClass: addClass, sort: (CG.sort || ""), display: (CG.display || true)}
  2750. );
  2751. }
  2752. columns = columns.sort(function (pItem, nItem) {
  2753. var v1 = pItem.col;
  2754. var v2 = nItem.col;
  2755. if (v1 < v2) return 1;
  2756. else if (v1 > v2) return -1;
  2757. else if (v1 == v2) return 0;
  2758. });
  2759. mobileView = {
  2760. labelView: true,
  2761. column: columns
  2762. };
  2763. }
  2764. for (var item, itemIndex = 0, __arr = this.list; (itemIndex < __arr.length && (item = __arr[itemIndex])); itemIndex++) {
  2765. po.push(getMobileItem(itemIndex, item, mobileView));
  2766. }
  2767. if (this.list.length == 0) { /* empty tags */
  2768. po.push("<div class=\"bodyViewMobile\" align=\"center\">");
  2769. po.push(cfg.emptyListMSG);
  2770. po.push("</div>");
  2771. }
  2772. axdom("#" + cfg.targetID + "_AX_gridBodyDiv").empty();
  2773. axdom("#" + cfg.targetID + "_AX_gridBodyDiv").append(po.join(''));
  2774. this.body.find(".bodyViewMobile").bind("click", this.gridBodyClick.bind(this));
  2775. if (this.needBindDBLClick()) this.body.find(".bodyViewMobile").bind("dblclick", this.gridBodyDBLClick.bind(this));
  2776. if (this.selectedRow && this.selectedRow.length > 0) {
  2777. var body = this.body;
  2778. for (var item, itemIndex = 0, __arr = this.selectedRow; (itemIndex < __arr.length && (item = __arr[itemIndex])); itemIndex++) {
  2779. body.find(".bodyViewMobile_" + item).addClass("selected");
  2780. }
  2781. }
  2782. var _list = this.list;
  2783. var mobileButtonClick = function (event) {
  2784. var ids = event.target.id.split(/_AX_/g);
  2785. var itemIndex = ids[ids.length - 2];
  2786. var buttonIndex = ids[ids.length - 1];
  2787. if (mobileView.buttons[buttonIndex].onclick) {
  2788. mobileView.buttons[buttonIndex].onclick.call({
  2789. index: itemIndex,
  2790. list: _list,
  2791. item: _list[itemIndex],
  2792. buttonItem: mobileView.buttons[buttonIndex]
  2793. });
  2794. }
  2795. };
  2796. var mobileButtonClickBind = mobileButtonClick.bind(this);
  2797. this.body.find(".bodyViewMobile").find(".buttonGroupItem").bind("click", function (event) {
  2798. mobileButtonClick(event);
  2799. });
  2800. }
  2801. this.selectedCells.clear();
  2802. /* selectedCells clear */
  2803. this.contentScrollResize();
  2804. this.contentScrollXAttr = null;
  2805. this.contentScrollYAttr = null;
  2806. },
  2807. updateList: function (itemIndex, item) {
  2808. var cfg = this.config;
  2809. this.cancelEditor();
  2810. if (item._CUD == "C") {
  2811. } else if (item._CUD == "D") {
  2812. toast.push("삭제된 아이템 입니다. 수정할 수 없습니다.");
  2813. return;
  2814. /*삭제된 개체 수정 금지 */
  2815. } else {
  2816. item._CUD = "U";
  2817. }
  2818. this.list[itemIndex] = item;
  2819. var npo = this.getItem(itemIndex, item, "n", "notr");
  2820. if (this.hasFixed) {
  2821. var fpo = this.getItem(itemIndex, item, "fix", "notr");
  2822. }
  2823. axdom("#" + cfg.targetID + "_AX_tbody").find(".gridBodyTr_" + itemIndex).html(npo);
  2824. if (this.hasFixed) {
  2825. axdom("#" + cfg.targetID + "_AX_fixedTbody").find(".gridBodyTr_" + itemIndex).html(fpo);
  2826. }
  2827. var trAddClass = "";
  2828. if (cfg.body.addClass) {
  2829. try {
  2830. trAddClass = cfg.body.addClass.call({
  2831. index: itemIndex,
  2832. item: item,
  2833. list: this.list
  2834. }) || "";
  2835. } catch (e) {
  2836. trace(e);
  2837. }
  2838. }
  2839. axdom("#" + cfg.targetID + "_AX_tbody").find(".gridBodyTr_" + itemIndex).addClass(trAddClass);
  2840. if (this.hasFixed) {
  2841. axdom("#" + cfg.targetID + "_AX_fixedTbody").find(".gridBodyTr_" + itemIndex).addClass(trAddClass);
  2842. ;
  2843. }
  2844. this.redrawDataSet();
  2845. },
  2846. pushList: function (pushItem, insertIndex) {
  2847. var cfg = this.config;
  2848. this.cancelEditor();
  2849. pushItem._CUD = "C";
  2850. if (insertIndex != null && insertIndex != undefined) {
  2851. var itemIndex = insertIndex;
  2852. var newList = [];
  2853. for (var L, listIndex = 0, __arr = this.list; (listIndex < __arr.length && (L = __arr[listIndex])); listIndex++) {
  2854. if (listIndex == itemIndex) {
  2855. newList.push(pushItem);
  2856. }
  2857. newList.push(L);
  2858. }
  2859. ;
  2860. this.list = newList;
  2861. var item = this.list[itemIndex];
  2862. var npo = this.getItem(itemIndex, item, "n");
  2863. if (this.hasFixed) {
  2864. var fpo = this.getItem(itemIndex, item, "fix");
  2865. }
  2866. this.printList();
  2867. this.contentScrollResize(false);
  2868. this.setFocus(itemIndex);
  2869. } else {
  2870. var itemIndex = this.list.length;
  2871. this.list.push(pushItem);
  2872. if (itemIndex == 0) {
  2873. this.printList();
  2874. } else {
  2875. var item = this.list[itemIndex];
  2876. var npo = this.getItem(itemIndex, item, "n");
  2877. if (this.hasFixed) {
  2878. var fpo = this.getItem(itemIndex, item, "fix");
  2879. }
  2880. var trlen = axdom("#" + cfg.targetID + "_AX_tbody").find(".gridBodyTr_" + (itemIndex.number() - 1)).length - 1;
  2881. axdom("#" + cfg.targetID + "_AX_tbody").find(".gridBodyTr_" + (itemIndex.number() - 1)).each(function (idx, O) {
  2882. if (idx == trlen) axdom(this).after(npo);
  2883. });
  2884. if (this.hasFixed) {
  2885. axdom("#" + cfg.targetID + "_AX_fixedTbody").find(".gridBodyTr_" + (itemIndex - 1)).each(function (idx, O) {
  2886. if (idx == trlen) axdom(this).after(fpo);
  2887. });
  2888. }
  2889. axdom("#" + cfg.targetID + "_AX_tbody").find(".gridBodyTr_" + itemIndex).bind("mouseover", this.gridBodyOver.bind(this));
  2890. axdom("#" + cfg.targetID + "_AX_tbody").find(".gridBodyTr_" + itemIndex).bind("mouseout", this.gridBodyOut.bind(this));
  2891. axdom("#" + cfg.targetID + "_AX_tbody").find(".gridBodyTr_" + itemIndex).bind("click", this.gridBodyClick.bind(this));
  2892. if (this.needBindDBLClick()) axdom("#" + cfg.targetID + "_AX_tbody").find(".gridBodyTr_" + itemIndex).bind("dblclick", this.gridBodyDBLClick.bind(this));
  2893. if (this.hasFixed) {
  2894. axdom("#" + cfg.targetID + "_AX_fixedTbody").find(".gridBodyTr_" + itemIndex).bind("mouseover", this.gridBodyOver.bind(this));
  2895. axdom("#" + cfg.targetID + "_AX_fixedTbody").find(".gridBodyTr_" + itemIndex).bind("mouseout", this.gridBodyOut.bind(this));
  2896. axdom("#" + cfg.targetID + "_AX_fixedTbody").find(".gridBodyTr_" + itemIndex).bind("click", this.gridBodyClick.bind(this));
  2897. if (this.needBindDBLClick()) axdom("#" + cfg.targetID + "_AX_fixedTbody").find(".gridBodyTr_" + itemIndex).bind("dblclick", this.gridBodyDBLClick.bind(this));
  2898. }
  2899. this.contentScrollResize(false);
  2900. this.setFocus(itemIndex);
  2901. }
  2902. }
  2903. if (!this.pageActive) this.setStatus(this.list.length);
  2904. this.redrawDataSet();
  2905. },
  2906. removeList: function (removeList) {
  2907. var cfg = this.config;
  2908. if (cfg.passiveMode) {
  2909. var _list = this.list;
  2910. var collect = [];
  2911. axf.each(removeList, function (ridx, r) {
  2912. axf.each(_list, function (lidx, l) {
  2913. var isDel = false;
  2914. axf.each(r, function (k, v) {
  2915. if (l[k] == v) {
  2916. isDel = true;
  2917. } else {
  2918. isDel = false;
  2919. return false;
  2920. }
  2921. });
  2922. if (isDel) {
  2923. if (l._CUD != "C") {
  2924. l._CUD = "D";
  2925. collect.push(l);
  2926. }
  2927. } else {
  2928. collect.push(l);
  2929. }
  2930. });
  2931. });
  2932. this.list = collect;
  2933. } else {
  2934. var collect = [];
  2935. axf.each(this.list, function (lidx, l) {
  2936. var isPush = true;
  2937. axf.each(removeList, function (ridx, r) {
  2938. axf.each(r, function (k, v) {
  2939. if (l[k] == v) {
  2940. isPush = false;
  2941. return false;
  2942. }
  2943. });
  2944. if (!isPush) return false;
  2945. });
  2946. if (isPush) collect.push(l);
  2947. });
  2948. this.list = collect;
  2949. }
  2950. this.printList();
  2951. if (!this.pageActive) this.setStatus(this.list.length);
  2952. this.redrawDataSet();
  2953. },
  2954. removeListIndex: function (removeList) {
  2955. var cfg = this.config;
  2956. var _list = this.list;
  2957. if (cfg.passiveMode) {
  2958. axf.each(removeList, function (ridx, r) {
  2959. if (cfg.passiveRemoveHide) {
  2960. _list[r.index]._isDel = true;
  2961. } else {
  2962. if (_list[r.index]._CUD != "C") {
  2963. _list[r.index]._CUD = "D";
  2964. } else {
  2965. _list[r.index]._isDel = true;
  2966. }
  2967. }
  2968. });
  2969. var collect = [];
  2970. var removeCollect = this.removedList;
  2971. axf.each(_list, function () {
  2972. if (!this._isDel) collect.push(this);
  2973. else {
  2974. if (this._CUD != "C") {
  2975. removeCollect.push(this);
  2976. }
  2977. }
  2978. });
  2979. this.list = collect;
  2980. this.removedList = removeCollect;
  2981. } else {
  2982. var collect = [];
  2983. axf.each(removeList, function (ridx, r) {
  2984. _list[r.index]._isDel = true;
  2985. });
  2986. var collect = [];
  2987. var removeCollect = this.removedList;
  2988. axf.each(_list, function () {
  2989. if (!this._isDel) collect.push(this);
  2990. else removeCollect.push(this);
  2991. });
  2992. this.list = collect;
  2993. this.removedList = removeCollect;
  2994. }
  2995. this.selectedCells.clear();
  2996. this.selectedRow.clear();
  2997. this.printList();
  2998. if (!this.pageActive) this.setStatus(this.list.length);
  2999. this.redrawDataSet();
  3000. },
  3001. restoreList: function (restoreList) {
  3002. var cfg = this.config;
  3003. var _list = this.list;
  3004. var collect = [];
  3005. axf.each(restoreList, function (ridx, r) {
  3006. axf.each(_list, function (lidx, l) {
  3007. var isDel = false;
  3008. axf.each(r, function (k, v) {
  3009. if (l[k] == v) {
  3010. isDel = true;
  3011. } else {
  3012. isDel = false;
  3013. return false;
  3014. }
  3015. });
  3016. if (isDel) {
  3017. if (l._CUD == "D") {
  3018. l._CUD = "";
  3019. }
  3020. collect.push(l);
  3021. } else {
  3022. collect.push(l);
  3023. }
  3024. });
  3025. });
  3026. this.list = collect;
  3027. this.printList();
  3028. if (!this.pageActive) this.setStatus(this.list.length);
  3029. this.redrawDataSet();
  3030. },
  3031. gridBodyOver: function (event) {
  3032. var cfg = this.config;
  3033. if (this.overedItemIndex) {
  3034. this.body.find(".gridBodyTr_" + this.overedItemIndex).removeClass("hover");
  3035. }
  3036. var itemIndex = (event.target.id).split(/_AX_/g).last();
  3037. if (itemIndex != "") {
  3038. this.body.find(".gridBodyTr_" + itemIndex).addClass("hover");
  3039. this.overedItemIndex = itemIndex;
  3040. }
  3041. },
  3042. gridBodyOut: function (event) {
  3043. var cfg = this.config;
  3044. if (this.overedItemIndex) {
  3045. this.body.find(".gridBodyTr_" + this.overedItemIndex).removeClass("hover");
  3046. }
  3047. },
  3048. gridBodyClick: function (event) {
  3049. var cfg = this.config;
  3050. if (cfg.body.ondblclick) {
  3051. if (this.needBindDBLClick()) {
  3052. clearTimeout(this.bodyClickObserver);
  3053. this.gridBodyClickAct(event);
  3054. } else {
  3055. if (this.bodyClickObserver) {
  3056. clearTimeout(this.bodyClickObserver);
  3057. this.gridBodyDBLClick(event);
  3058. this.bodyClickObserver = null;
  3059. return;
  3060. }
  3061. var gridBodyClickAct = this.gridBodyClickAct.bind(this);
  3062. this.bodyClickObserver = setTimeout(function () {
  3063. gridBodyClickAct(event);
  3064. }, 400);
  3065. }
  3066. } else {
  3067. this.gridBodyClickAct(event);
  3068. }
  3069. },
  3070. gridBodyClickAct: function (event) {
  3071. this.bodyClickObserver = null;
  3072. var cfg = this.config;
  3073. var eventTarget = event.target;
  3074. if (event.target.id != "") {
  3075. var eid = event.target.id.split(/_AX_/g);
  3076. var isoncheck = false;
  3077. if (eventTarget.tagName.toLowerCase() == "input" || eventTarget.tagName.toLowerCase() == "button") {
  3078. if (cfg.body.oncheck) {
  3079. isoncheck = true;
  3080. } else {
  3081. return;
  3082. /*input 인 경우 제외 */
  3083. }
  3084. var ieid = event.target.id.split(/_AX_/g);
  3085. var checkboxColSeq = ieid[ieid.length - 2];
  3086. var checkboxIndex = ieid[ieid.length - 1];
  3087. if (cfg.colGroup[checkboxColSeq].oncheck) {
  3088. var sendObj = {
  3089. index: checkboxIndex,
  3090. list: this.list,
  3091. item: this.list[checkboxIndex]
  3092. };
  3093. try {
  3094. cfg.colGroup[checkboxColSeq].oncheck.call(sendObj, event.target.checked);
  3095. } catch (e) {
  3096. trace(e);
  3097. }
  3098. }
  3099. }
  3100. }
  3101. var myTarget = this.getEventTarget({
  3102. evt: eventTarget, evtIDs: eid,
  3103. until: function (evt, evtIDs) {
  3104. var edom = axdom(evt);
  3105. return (axdom(evt.parentNode).hasClass("AXGridBody") || edom.hasClass("buttonGroupItem"));
  3106. },
  3107. find: function (evt, evtIDs) {
  3108. var edom = axdom(evt);
  3109. return ((edom.hasClass("bodyTd") || edom.hasClass("bodyViewIcon") || edom.hasClass("bodyViewMobile")) && !edom.hasClass("buttonGroupItem"));
  3110. }
  3111. });
  3112. /* event target search ------------------------ */
  3113. if (isoncheck) { /*체크박스 구현 */
  3114. var targetID = myTarget.id;
  3115. var itemIndex = targetID.split(/_AX_/g).last();
  3116. var ids = targetID.split(/_AX_/g);
  3117. var item = this.list[itemIndex];
  3118. var r = ids[ids.length - 3];
  3119. var c = ids[ids.length - 2];
  3120. var target = event.target;
  3121. var checked = event.target.checked;
  3122. var sendObj = {
  3123. index: itemIndex,
  3124. target: event.target,
  3125. checked: event.target.checked,
  3126. r: r,
  3127. c: c,
  3128. list: this.list,
  3129. item: item,
  3130. page: this.page
  3131. };
  3132. try {
  3133. cfg.body.oncheck.call(sendObj, itemIndex, item);
  3134. } catch (e) {
  3135. trace(e);
  3136. }
  3137. } else if (cfg.viewMode == "grid") {
  3138. if (myTarget) {
  3139. var targetID = myTarget.id;
  3140. var itemIndex = targetID.split(/_AX_/g).last();
  3141. var ids = targetID.split(/_AX_/g);
  3142. if (event.shiftKey) {
  3143. } else if (event.metaKey || event.ctrlKey) {
  3144. if (this.selectedRow.length > 0) {
  3145. var body = this.body;
  3146. axf.each(this.selectedRow, function () {
  3147. body.find(".gridBodyTr_" + this).removeClass("selected");
  3148. });
  3149. this.selectedRow.clear();
  3150. }
  3151. var hasID = false;
  3152. var collect = [];
  3153. axf.each(this.selectedCells, function () {
  3154. if (this == targetID) {
  3155. hasID = true;
  3156. } else {
  3157. collect.push(this);
  3158. }
  3159. });
  3160. if (hasID) {
  3161. axdom("#" + targetID).removeClass("selected");
  3162. this.selectedCells = collect;
  3163. } else {
  3164. axdom("#" + targetID).addClass("selected");
  3165. this.selectedCells.push(targetID);
  3166. }
  3167. } else {
  3168. if (this.selectedCells.length > 0) {
  3169. axf.each(this.selectedCells, function () {
  3170. axdom("#" + this).removeClass("selected");
  3171. });
  3172. this.selectedCells.clear();
  3173. }
  3174. if (this.selectedRow.length > 0) {
  3175. var body = this.body;
  3176. axf.each(this.selectedRow, function () {
  3177. body.find(".gridBodyTr_" + this).removeClass("selected");
  3178. });
  3179. }
  3180. this.selectedRow.clear();
  3181. this.body.find(".gridBodyTr_" + itemIndex).addClass("selected");
  3182. this.selectedRow.push(itemIndex);
  3183. var item = this.list[itemIndex];
  3184. if (cfg.body.onclick) {
  3185. var r = ids[ids.length - 3];
  3186. var c = ids[ids.length - 2];
  3187. var sendObj = {
  3188. index: itemIndex,
  3189. r: r,
  3190. c: c,
  3191. list: this.list,
  3192. item: item,
  3193. page: this.page
  3194. };
  3195. try {
  3196. cfg.body.onclick.call(sendObj, itemIndex, item);
  3197. } catch (e) {
  3198. trace(e);
  3199. }
  3200. }
  3201. /*if(this.hasEditor) this.setEditor(item, itemIndex); */
  3202. }
  3203. }
  3204. } else if (cfg.viewMode == "icon") {
  3205. if (myTarget) {
  3206. var targetID = myTarget.id;
  3207. var itemIndex = targetID.split(/_AX_/g).last();
  3208. if (event.shiftKey) {
  3209. } else if (!(event.metaKey || event.ctrlKey)) {
  3210. if (this.selectedRow.length > 0) {
  3211. var body = this.body;
  3212. axf.each(this.selectedRow, function () {
  3213. body.find(".bodyViewIcon_" + this).removeClass("selected");
  3214. });
  3215. }
  3216. this.selectedRow.clear();
  3217. this.body.find(".bodyViewIcon_" + itemIndex).addClass("selected");
  3218. this.selectedRow.push(itemIndex);
  3219. var item = this.list[itemIndex];
  3220. if (cfg.body.onclick) {
  3221. var sendObj = {
  3222. index: itemIndex,
  3223. list: this.list,
  3224. item: item,
  3225. page: this.page
  3226. };
  3227. try {
  3228. cfg.body.onclick.call(sendObj, itemIndex, item);
  3229. } catch (e) {
  3230. trace(e);
  3231. }
  3232. }
  3233. }
  3234. }
  3235. } else if (cfg.viewMode == "mobile") {
  3236. if (myTarget) {
  3237. var targetID = myTarget.id;
  3238. var itemIndex = targetID.split(/_AX_/g).last();
  3239. if (event.shiftKey) {
  3240. } else if (event.metaKey || event.ctrlKey) {
  3241. } else {
  3242. if (this.selectedRow.length > 0) {
  3243. var body = this.body;
  3244. axf.each(this.selectedRow, function () {
  3245. body.find(".bodyViewMobile_" + this).removeClass("selected");
  3246. });
  3247. }
  3248. this.selectedRow.clear();
  3249. this.body.find(".bodyViewMobile_" + itemIndex).addClass("selected");
  3250. this.selectedRow.push(itemIndex);
  3251. var item = this.list[itemIndex];
  3252. if (cfg.body.onclick) {
  3253. var sendObj = {
  3254. index: itemIndex,
  3255. list: this.list,
  3256. item: item,
  3257. page: this.page
  3258. };
  3259. try {
  3260. cfg.body.onclick.call(sendObj, itemIndex, item);
  3261. } catch (e) {
  3262. trace(e);
  3263. }
  3264. }
  3265. }
  3266. }
  3267. }
  3268. },
  3269. gridBodyDBLClick: function (event) {
  3270. var cfg = this.config;
  3271. if (event.target.id == "") return;
  3272. var eid = event.target.id.split(/_AX_/g);
  3273. var eventTarget = event.target;
  3274. if (eventTarget.tagName.toLowerCase() == "input" || eventTarget.tagName.toLowerCase() == "button") return;
  3275. /*input, button 인 경우 제외 */
  3276. var myTarget = this.getEventTarget({
  3277. evt: eventTarget, evtIDs: eid,
  3278. until: function (evt, evtIDs) {
  3279. return (axdom(evt.parentNode).hasClass("AXGridBody")) ? true : false;
  3280. },
  3281. find: function (evt, evtIDs) {
  3282. return (axdom(evt).hasClass("bodyTd") || axdom(evt).hasClass("bodyViewIcon") || axdom(evt).hasClass("bodyViewMobile")) ? true : false;
  3283. }
  3284. });
  3285. /* event target search ------------------------ */
  3286. if (cfg.viewMode == "grid") {
  3287. if (myTarget) {
  3288. /*colHeadTool ready */
  3289. /*trace({tagName:myTarget.tagName, id:myTarget.id}); */
  3290. var targetID = myTarget.id;
  3291. var itemIndex = targetID.split(/_AX_/g).last();
  3292. var ids = targetID.split(/_AX_/g);
  3293. if (this.selectedRow.length > 0) {
  3294. var body = this.body;
  3295. axf.each(this.selectedRow, function () {
  3296. body.find(".gridBodyTr_" + this).removeClass("selected");
  3297. });
  3298. }
  3299. this.selectedRow.clear();
  3300. this.body.find(".gridBodyTr_" + itemIndex).addClass("selected");
  3301. this.selectedRow.push(itemIndex);
  3302. if (cfg.body.ondblclick) {
  3303. var r = ids[ids.length - 3];
  3304. var c = ids[ids.length - 2];
  3305. var item = this.list[itemIndex];
  3306. var sendObj = {
  3307. index: itemIndex,
  3308. r: r,
  3309. c: c,
  3310. list: this.list,
  3311. item: item,
  3312. page: this.page
  3313. };
  3314. try {
  3315. cfg.body.ondblclick.call(sendObj, itemIndex, item);
  3316. } catch (e) {
  3317. trace(e);
  3318. }
  3319. }
  3320. }
  3321. } else if (cfg.viewMode == "icon") {
  3322. if (myTarget) {
  3323. /*colHeadTool ready */
  3324. /*trace({tagName:myTarget.tagName, id:myTarget.id}); */
  3325. var targetID = myTarget.id;
  3326. var itemIndex = targetID.split(/_AX_/g).last();
  3327. if (this.selectedRow.length > 0) {
  3328. var body = this.body;
  3329. axf.each(this.selectedRow, function () {
  3330. body.find(".bodyViewIcon_" + this).removeClass("selected");
  3331. });
  3332. }
  3333. this.selectedRow.clear();
  3334. this.body.find(".bodyViewIcon_" + itemIndex).addClass("selected");
  3335. this.selectedRow.push(itemIndex);
  3336. if (cfg.body.ondblclick) {
  3337. var item = this.list[itemIndex];
  3338. var sendObj = {
  3339. index: itemIndex,
  3340. list: this.list,
  3341. item: item,
  3342. page: this.page
  3343. };
  3344. try {
  3345. cfg.body.ondblclick.call(sendObj, itemIndex, item);
  3346. } catch (e) {
  3347. trace(e);
  3348. }
  3349. }
  3350. }
  3351. } else if (cfg.viewMode == "mobile") {
  3352. if (myTarget) {
  3353. /*colHeadTool ready */
  3354. /*trace({tagName:myTarget.tagName, id:myTarget.id}); */
  3355. var targetID = myTarget.id;
  3356. var itemIndex = targetID.split(/_AX_/g).last();
  3357. if (this.selectedRow.length > 0) {
  3358. var body = this.body;
  3359. axf.each(this.selectedRow, function () {
  3360. body.find(".bodyViewMobile_" + this).removeClass("selected");
  3361. });
  3362. }
  3363. this.selectedRow.clear();
  3364. this.body.find(".bodyViewMobile_" + itemIndex).addClass("selected");
  3365. this.selectedRow.push(itemIndex);
  3366. if (cfg.body.ondblclick) {
  3367. var item = this.list[itemIndex];
  3368. var sendObj = {
  3369. index: itemIndex,
  3370. list: this.list,
  3371. item: item,
  3372. page: this.page
  3373. };
  3374. try {
  3375. cfg.body.ondblclick.call(sendObj, itemIndex, item);
  3376. } catch (e) {
  3377. trace(e);
  3378. }
  3379. }
  3380. }
  3381. }
  3382. this.stopEvent(event);
  3383. this.clearRange();
  3384. },
  3385. contentScrollResize: function (resetLeft) {
  3386. var cfg = this.config, _this = this;
  3387. if (cfg.viewMode == "mobile") return; // 모바일이면 scroll이 없음.
  3388. if (this.contentScrollResize_timer) clearTimeout(this.contentScrollResize_timer);
  3389. this.contentScrollResize_timer = setTimeout(function () {
  3390. //trace("contentScrollResize_timer");
  3391. var bodyHeight = _this.body.height();
  3392. var scrollHeight = _this.scrollContent.height();
  3393. var bodyWidth = _this.body.width();
  3394. var _colWidth = (_this.colWidth.number() + cfg.fitToWidthRightMargin);
  3395. var scrollWidth = (_colWidth > bodyWidth) ? _colWidth : bodyWidth;
  3396. _this.scrollContent.css({ width: scrollWidth });
  3397. _this.colHead.css({ width: scrollWidth });
  3398. /* colHead width 재정의 */
  3399. if (_this.hasEditor) _this.editor.css({ width: scrollWidth });
  3400. if (resetLeft != false) {
  3401. _this.scrollContent.css({ left: 0 });
  3402. axdom("#" + cfg.targetID + "_AX_gridColHead").css({ left: 0 });
  3403. _this.scrollXHandle.css({ left: 0 });
  3404. if (_this.hasEditor) axdom("#" + cfg.targetID + "_AX_editorContent").css({ left: 0 });
  3405. } else {
  3406. if ((_this.scrollContent.width() + _this.scrollContent.position().left) < _this.body.width()) {
  3407. _this.scrollContent.css({ left: 0 });
  3408. axdom("#" + cfg.targetID + "_AX_gridColHead").css({ left: 0 });
  3409. _this.scrollXHandle.css({ left: 0 });
  3410. }
  3411. }
  3412. if (bodyHeight < scrollHeight && cfg.height != "auto") {
  3413. //_this.scrollTrackXY.show();
  3414. _this.scrollTrackY.show();
  3415. var scrollTrackYHeight = bodyHeight;
  3416. _this.scrollTrackY.css({ height: scrollTrackYHeight });
  3417. var scrollYHandleHeight = ((bodyHeight) * scrollTrackYHeight) / scrollHeight;
  3418. _this.scrollYHandle.css({ height: scrollYHandleHeight });
  3419. } else {
  3420. //_this.scrollTrackXY.hide();
  3421. _this.scrollTrackY.hide();
  3422. }
  3423. if (scrollWidth > bodyWidth && cfg.xscroll) {
  3424. _this.show_scrollTrackX = true;
  3425. //_this.scrollTrackXY.show();
  3426. _this.scrollTrackX.show();
  3427. var scrollTrackXWidth = bodyWidth;
  3428. _this.scrollTrackX.css({ width: scrollTrackXWidth });
  3429. var scrollXHandleWidth = ((bodyWidth) * scrollTrackXWidth) / scrollWidth;
  3430. _this.scrollXHandle.css({ width: scrollXHandleWidth });
  3431. /* cfg.height == "auto" 길이 늘이기 */
  3432. if (cfg.height == "auto") {
  3433. var colHeadHeight = _this.colHead.outerHeight();
  3434. var scrollBodyHeight = _this.scrollContent.height();
  3435. //var scrollTrackXYHeight = _this.scrollTrackXY.outerHeight();
  3436. _this.scrollBody.css({ height: (scrollBodyHeight + colHeadHeight) });
  3437. /*colhead + body height */
  3438. _this.body.css({ top: colHeadHeight, height: (scrollBodyHeight) });
  3439. /* body Height */
  3440. }
  3441. } else {
  3442. _this.show_scrollTrackX = false;
  3443. _this.scrollTrackX.hide();
  3444. //if (cfg.height == "auto") _this.scrollTrackXY.hide();
  3445. if (cfg.height == "auto") {
  3446. var colHeadHeight = _this.colHead.outerHeight();
  3447. var scrollBodyHeight = _this.scrollContent.height();
  3448. _this.scrollBody.css({ height: (scrollBodyHeight + colHeadHeight) });
  3449. /*colhead + body height */
  3450. _this.body.css({ top: colHeadHeight, height: (scrollBodyHeight) });
  3451. /* body Height */
  3452. }
  3453. }
  3454. }, 10);
  3455. },
  3456. contentScrollScrollSync: function (pos) {
  3457. var cfg = this.config;
  3458. if (pos.left != undefined) {
  3459. if (!this.contentScrollXAttr) {
  3460. var scrollWidth = (this.colWidth > this.body.width()) ? this.colWidth : this.body.width();
  3461. this.contentScrollXAttr = {
  3462. bodyWidth: this.body.width(),
  3463. scrollWidth: scrollWidth,
  3464. scrollTrackXWidth: this.scrollTrackX.width(),
  3465. scrollXHandleWidth: this.scrollXHandle.outerHeight()
  3466. };
  3467. }
  3468. var L = (this.contentScrollXAttr.scrollWidth * (pos.left) / this.contentScrollXAttr.scrollTrackXWidth).round(0);
  3469. this.scrollContent.css({ left: -L });
  3470. axdom("#" + cfg.targetID + "_AX_gridColHead").css({ left: -L });
  3471. if (this.hasEditor) axdom("#" + cfg.targetID + "_AX_editorContent").css({ left: -L });
  3472. /*trace({top:-L}); */
  3473. } else {
  3474. if (cfg.height == "auto") return;
  3475. if (!this.contentScrollYAttr) {
  3476. this.contentScrollYAttr = {
  3477. bodyHeight: this.body.height(),
  3478. scrollHeight: this.scrollContent.height(),
  3479. scrollTrackYHeight: this.scrollTrackY.height(),
  3480. scrollYHandleHeight: this.scrollYHandle.outerHeight()
  3481. };
  3482. }
  3483. var T = (this.contentScrollYAttr.scrollHeight * (pos.top) / this.contentScrollYAttr.scrollTrackYHeight).floor();
  3484. /*trace({ top: -T });*/
  3485. this.scrollContent.css({ top: -T });
  3486. if (axf.getId(cfg.targetID + "_AX_fixedScrollContent")) this.fixedScrollContent.css({ top: -T });
  3487. if (this.editorOpend) {
  3488. this.editor.css({ top: -T + this.editorOpenTop });
  3489. }
  3490. }
  3491. },
  3492. contentScrollContentSync: function (pos) {
  3493. var cfg = this.config;
  3494. if (pos.left != undefined) {
  3495. } else {
  3496. if (cfg.height == "auto") return;
  3497. this.contentScrollYAttr = {
  3498. bodyHeight: this.body.height(),
  3499. scrollHeight: this.scrollContent.height(),
  3500. scrollTrackYHeight: this.scrollTrackY.height(),
  3501. scrollYHandleHeight: this.scrollYHandle.outerHeight()
  3502. };
  3503. var T = (this.contentScrollYAttr.scrollYHandleHeight * (pos.top) / this.contentScrollYAttr.bodyHeight).floor();
  3504. var handleTop = -T;
  3505. //trace({h1:(handleTop), h2:this.contentScrollYAttr.scrollYHandleHeight, trackHeight:this.contentScrollYAttr.bodyHeight});
  3506. /*if((handleTop + this.contentScrollYAttr.handleHeight) > this.contentScrollYAttr.trackHeight) handleTop = this.contentScrollYAttr.trackHeight - this.contentScrollYAttr.handleHeight; */
  3507. this.scrollYHandle.css({ top: handleTop });
  3508. if (axf.getId(cfg.targetID + "_AX_fixedScrollContent")) this.fixedScrollContent.css({ top: pos.top });
  3509. if (this.editorOpend) {
  3510. this.editor.css({ top: pos.top + this.editorOpenTop });
  3511. }
  3512. }
  3513. },
  3514. getMousePositionToContentScroll: function (event, contentScrollID) {
  3515. var pos = axdom("#" + contentScrollID).offset();
  3516. var x = (event.pageX - pos.left);
  3517. var y = (event.pageY - pos.top);
  3518. return { x: x, y: y };
  3519. },
  3520. getTouchPositionToContentScroll: function (event) {
  3521. var cfg = this.config;
  3522. var touch = event.touches[0];
  3523. var pos = this.contentScrollIDOffset;
  3524. if (cfg.touchDirection) {
  3525. var x = (touch.pageX.round(1) - pos.left);
  3526. var y = (touch.pageY.round(1) - pos.top);
  3527. } else {
  3528. var x = (-touch.pageX.round(1) - pos.left);
  3529. var y = (-touch.pageY.round(1) - pos.top);
  3530. }
  3531. return { x: x, y: y };
  3532. },
  3533. contentScrollScrollReady: function (event) {
  3534. var cfg = this.config;
  3535. var handleName = (event.target.id).split(/_AX_/).last();
  3536. /*trace(handleName); */
  3537. this.contentScrollAttrs = { handleName: handleName };
  3538. this.contentScrollXAttr = null;
  3539. this.contentScrollYAttr = null;
  3540. if (handleName == "scrollYHandle") {
  3541. this.contentScrollAttrs.scrollTrack = cfg.targetID + "_AX_scrollTrackY";
  3542. } else {
  3543. this.contentScrollAttrs.scrollTrack = cfg.targetID + "_AX_scrollTrackX";
  3544. }
  3545. axdom(event.target).addClass("hover");
  3546. var pos = this.getMousePositionToContentScroll(event, this.contentScrollAttrs.scrollTrack);
  3547. this.contentScrollAttrs.x = axdom(event.target).position().left - pos.x;
  3548. this.contentScrollAttrs.y = axdom(event.target).position().top - pos.y;
  3549. this.contentScrollAttrs.handleWidth = axdom(event.target).outerWidth();
  3550. this.contentScrollAttrs.handleHeight = axdom(event.target).outerHeight();
  3551. this.contentScrollAttrs.trackWidth = axdom("#" + this.contentScrollAttrs.scrollTrack).width();
  3552. this.contentScrollAttrs.trackHeight = axdom("#" + this.contentScrollAttrs.scrollTrack).height();
  3553. /* srcoll event bind */
  3554. var contentScrollScrollMove = this.contentScrollScrollMove.bind(this);
  3555. this.contentScrollScrollMoveBind = function (event) {
  3556. contentScrollScrollMove(event);
  3557. };
  3558. var contentScrollScrollEnd = this.contentScrollScrollEnd.bind(this);
  3559. this.contentScrollScrollEndBind = function (event) {
  3560. contentScrollScrollEnd(event);
  3561. };
  3562. axdom(document.body).bind("mousemove.AXGrid", this.contentScrollScrollMoveBind);
  3563. axdom(document.body).bind("mouseup.AXGrid", this.contentScrollScrollEndBind);
  3564. axdom(document.body).bind("mouseleave.AXGrid", this.contentScrollScrollEndBind);
  3565. axdom(document.body).attr("onselectstart", "return false");
  3566. axdom(document.body).addClass("AXUserSelectNone");
  3567. /* scroll event bind ~~~~~~~~~~~~~~~~~~~ */
  3568. },
  3569. contentScrollScrollMove: function (event) {
  3570. var cfg = this.config;
  3571. var pos = this.getMousePositionToContentScroll(event, this.contentScrollAttrs.scrollTrack);
  3572. var handleName = this.contentScrollAttrs.handleName;
  3573. /*trace(this.contentScrollAttrs); */
  3574. var handleTop = 0;
  3575. var handleLeft = 0;
  3576. if (handleName == "scrollYHandle") {
  3577. handleTop = pos.y + this.contentScrollAttrs.y;
  3578. if (handleTop < 0) handleTop = 0;
  3579. if ((handleTop + this.contentScrollAttrs.handleHeight) > this.contentScrollAttrs.trackHeight) {
  3580. handleTop = this.contentScrollAttrs.trackHeight - this.contentScrollAttrs.handleHeight;
  3581. var contentScrollEnd = this.contentScrollEnd.bind(this);
  3582. if (this.contentScrollEndObserver) clearTimeout(this.contentScrollEndObserver);
  3583. this.contentScrollEndObserver = setTimeout(function () {
  3584. contentScrollEnd();
  3585. }, 100);
  3586. }
  3587. axdom("#" + cfg.targetID + "_AX_" + handleName).css({ top: handleTop });
  3588. this.contentScrollScrollSync({ top: handleTop });
  3589. } else {
  3590. handleLeft = pos.x + this.contentScrollAttrs.x;
  3591. if (handleLeft < 0) handleLeft = 0;
  3592. if ((handleLeft + this.contentScrollAttrs.handleWidth) > this.contentScrollAttrs.trackWidth) handleLeft = this.contentScrollAttrs.trackWidth - this.contentScrollAttrs.handleWidth;
  3593. axdom("#" + cfg.targetID + "_AX_" + handleName).css({ left: handleLeft });
  3594. this.contentScrollScrollSync({ left: handleLeft });
  3595. }
  3596. },
  3597. contentScrollScrollEnd: function (event) {
  3598. var cfg = this.config;
  3599. axdom(document.body).unbind("mousemove.AXGrid");
  3600. axdom(document.body).unbind("mouseup.AXGrid");
  3601. axdom(document.body).unbind("mouseleave.AXGrid");
  3602. axdom(document.body).removeAttr("onselectstart");
  3603. axdom(document.body).removeClass("AXUserSelectNone");
  3604. axdom("#" + cfg.targetID + "_AX_" + this.contentScrollAttrs.handleName).removeClass("hover");
  3605. },
  3606. contentScrollScrollWheel: function (e) {
  3607. var cfg = this.config;
  3608. if (cfg.height == "auto") return;
  3609. var event = window.event || e;
  3610. var delta = event.detail ? event.detail * (-20) : event.wheelDelta / 2;
  3611. /*check for detail first so Opera uses that instead of wheelDelta */
  3612. var bodyHeight = this.body.height();
  3613. var scrollTop = this.scrollContent.position().top;
  3614. var scrollHeight = this.scrollContent.height();
  3615. /*var handleTop = axdom("#"+cfg.targetID+"_AX_scrollYHandle").position().top; i want this value */
  3616. var handleHeight = this.scrollYHandle.outerHeight();
  3617. var trackHeight = this.scrollTrackY.height();
  3618. if (scrollHeight < bodyHeight) {
  3619. return;
  3620. }
  3621. /*trace({scrollTop:scrollTop, bodyHeight:bodyHeight, scrollHeight:scrollHeight}); */
  3622. var eventCancle = false;
  3623. scrollTop += delta;
  3624. if (scrollTop > 0) {
  3625. scrollTop = 0;
  3626. eventCancle = true;
  3627. } else if (scrollTop.abs() + bodyHeight > scrollHeight) {
  3628. scrollTop = bodyHeight - scrollHeight;
  3629. eventCancle = true;
  3630. } else if (scrollTop == 0) {
  3631. scrollTop = 0;
  3632. eventCancle = true;
  3633. }
  3634. this.scrollContent.css({ top: scrollTop });
  3635. this.contentScrollContentSync({ top: scrollTop });
  3636. if (!eventCancle) {
  3637. if (event.preventDefault) event.preventDefault();
  3638. if (event.stopPropagation) event.stopPropagation();
  3639. event.cancelBubble = true;
  3640. return false;
  3641. } else {
  3642. if (scrollTop != 0) {
  3643. var contentScrollEnd = this.contentScrollEnd.bind(this);
  3644. if (this.contentScrollEndObserver) clearTimeout(this.contentScrollEndObserver);
  3645. this.contentScrollEndObserver = setTimeout(function () {
  3646. contentScrollEnd();
  3647. }, 100);
  3648. }
  3649. }
  3650. },
  3651. contentScrollTouchstart: function (e) {
  3652. var cfg = this.config;
  3653. var event = window.event || e;
  3654. this.contentScrollTouchMoved = true;
  3655. this.contentScrollIDOffset = axdom("#" + cfg.targetID + "_AX_gridBody").offset();
  3656. this.contentScrollXAttr = null;
  3657. this.contentScrollYAttr = null;
  3658. var pos = this.getTouchPositionToContentScroll(event);
  3659. var YhandleTop = this.scrollYHandle.position().top;
  3660. var YhandleHeight = this.scrollYHandle.outerHeight();
  3661. var YtrackHeight = this.scrollTrackY.height();
  3662. this.scrollYHandle.addClass("hover");
  3663. var XhandleTop = this.scrollXHandle.position().left;
  3664. var XhandleHeight = this.scrollXHandle.outerWidth();
  3665. var XtrackHeight = this.scrollTrackX.width();
  3666. this.scrollXHandle.addClass("hover");
  3667. this.scrollTouchAttr = {
  3668. y: (YhandleTop - pos.y).number(), h: YhandleHeight.number(), th: YtrackHeight,
  3669. x: (XhandleTop - pos.x).number(), w: XhandleHeight.number(), tw: XtrackHeight
  3670. };
  3671. var contentScrollTouchEnd = this.contentScrollTouchEnd.bind(this);
  3672. this.contentScrollTouchEndBind = function () {
  3673. contentScrollTouchEnd(event);
  3674. };
  3675. var contentScrollTouchMove = this.contentScrollTouchMove.bind(this);
  3676. this.contentScrollTouchMoveBind = function () {
  3677. contentScrollTouchMove(event);
  3678. };
  3679. if (document.addEventListener) {
  3680. document.addEventListener("touchend", this.contentScrollTouchEndBind, false);
  3681. document.addEventListener("touchmove", this.contentScrollTouchMoveBind, false);
  3682. }
  3683. },
  3684. contentScrollTouchMove: function (e) {
  3685. var cfg = this.config;
  3686. var event = window.event || e;
  3687. if (this.contentScrollTouchMoved) {
  3688. var pos = this.getTouchPositionToContentScroll(event);
  3689. var scrollTouchAttr = this.scrollTouchAttr;
  3690. var bodyHeight = this.body.height();
  3691. var scrollHeight = this.scrollContent.height();
  3692. var htop = this.scrollYHandle.position().top;
  3693. var handleTop = pos.y + scrollTouchAttr.y;
  3694. if (handleTop < 0) handleTop = 0;
  3695. if ((handleTop + scrollTouchAttr.h) > scrollTouchAttr.th) handleTop = scrollTouchAttr.th - scrollTouchAttr.h;
  3696. if ((htop - handleTop).abs() > 2) {
  3697. if(bodyHeight < scrollHeight) {
  3698. this.scrollYHandle.css({ top: handleTop });
  3699. this.contentScrollScrollSync({ top: handleTop });
  3700. }else{
  3701. }
  3702. }
  3703. if (this.show_scrollTrackX) {
  3704. var hleft = this.scrollXHandle.position().left;
  3705. var handleLeft = pos.x + this.scrollTouchAttr.x;
  3706. if (handleLeft < 0) handleLeft = 0;
  3707. if ((handleLeft + scrollTouchAttr.w) > scrollTouchAttr.tw) handleLeft = scrollTouchAttr.tw - scrollTouchAttr.w;
  3708. if ((hleft - handleLeft).abs() > 2) {
  3709. this.scrollXHandle.css({ left: handleLeft });
  3710. this.contentScrollScrollSync({ left: handleLeft });
  3711. }
  3712. }
  3713. if (event.preventDefault) event.preventDefault();
  3714. else return false;
  3715. }
  3716. },
  3717. contentScrollTouchEnd: function (e) {
  3718. var cfg = this.config;
  3719. var event = window.event || e;
  3720. if (this.contentScrollTouchMoved) {
  3721. this.scrollXHandle.removeClass("hover");
  3722. this.scrollYHandle.removeClass("hover");
  3723. if (document.removeEventListener) {
  3724. document.removeEventListener("touchend", this.contentScrollTouchEndBind, false);
  3725. document.removeEventListener("touchmove", this.contentScrollTouchMoveBind, false);
  3726. }
  3727. this.contentScrollTouchMoved = false;
  3728. }
  3729. },
  3730. contentScrollEnd: function () {
  3731. if (this.contentScrollEndObserver) clearTimeout(this.contentScrollEndObserver);
  3732. var cfg = this.config;
  3733. if (cfg.body.onscrollend) {
  3734. try {
  3735. cfg.body.onscrollend.call({ list: this.list, page: this.page });
  3736. } catch (e) {
  3737. trace(e);
  3738. }
  3739. }
  3740. },
  3741. scrollTop: function (itemIndex) {
  3742. var cfg = this.config;
  3743. if (cfg.height == "auto") return;
  3744. try {
  3745. var trTop = this.body.find(".gridBodyTr_" + itemIndex).position().top;
  3746. var trHeight = this.body.find(".gridBodyTr_" + itemIndex).height();
  3747. var scrollHeight = this.scrollContent.height();
  3748. var bodyHeight = this.body.height();
  3749. var handleHeight = this.scrollYHandle.outerHeight();
  3750. var trackHeight = this.scrollTrackY.height();
  3751. if (trTop.number() + trHeight.number() > bodyHeight) {
  3752. var scrollTop = bodyHeight - (trTop.number() + trHeight.number());
  3753. if (this.body.height() < scrollHeight) {
  3754. this.scrollContent.css({ top: scrollTop });
  3755. this.contentScrollContentSync({ top: scrollTop });
  3756. }
  3757. } else {
  3758. if (trTop.number() == 0) {
  3759. var scrollTop = 0;
  3760. this.scrollContent.css({ top: scrollTop });
  3761. this.contentScrollContentSync({ top: scrollTop });
  3762. }
  3763. }
  3764. } catch (e) {
  3765. var scrollTop = 0;
  3766. this.scrollContent.css({ top: scrollTop });
  3767. this.contentScrollContentSync({ top: scrollTop });
  3768. }
  3769. },
  3770. setFocus: function (itemIndex) {
  3771. var cfg = this.config;
  3772. if (cfg.viewMode == "grid") {
  3773. if (this.selectedCells.length > 0) {
  3774. axf.each(this.selectedCells, function () {
  3775. axdom("#" + this).removeClass("selected");
  3776. });
  3777. this.selectedCells.clear();
  3778. }
  3779. if (this.selectedRow.length > 0) {
  3780. var body = this.body;
  3781. axf.each(this.selectedRow, function () {
  3782. body.find(".gridBodyTr_" + this).removeClass("selected");
  3783. });
  3784. }
  3785. this.selectedRow.clear();
  3786. this.body.find(".gridBodyTr_" + itemIndex).addClass("selected");
  3787. this.selectedRow.push(itemIndex);
  3788. var trTop = this.body.find(".gridBodyTr_" + itemIndex).position().top;
  3789. var trHeight = this.body.find(".gridBodyTr_" + itemIndex).height();
  3790. var scrollHeight = this.scrollContent.height();
  3791. var bodyHeight = this.body.height();
  3792. var handleHeight = this.scrollYHandle.outerHeight();
  3793. var trackHeight = this.scrollTrackY.height();
  3794. if (trTop.number() + trHeight.number() > bodyHeight) {
  3795. var scrollTop = bodyHeight - (trTop.number() + trHeight.number());
  3796. this.scrollContent.css({ top: scrollTop });
  3797. this.contentScrollContentSync({ top: scrollTop });
  3798. } else {
  3799. if (trTop.number() == 0) {
  3800. var scrollTop = 0;
  3801. this.scrollContent.css({ top: scrollTop });
  3802. this.contentScrollContentSync({ top: scrollTop });
  3803. }
  3804. }
  3805. } else if (cfg.viewMode == "icon") {
  3806. } else if (cfg.viewMode == "mobile") {
  3807. if (this.selectedCells.length > 0) {
  3808. axf.each(this.selectedCells, function () {
  3809. axdom("#" + this).removeClass("selected");
  3810. });
  3811. this.selectedCells.clear();
  3812. }
  3813. if (this.selectedRow.length > 0) {
  3814. var body = this.body;
  3815. axf.each(this.selectedRow, function () {
  3816. body.find(".bodyViewMobile_" + this).removeClass("selected");
  3817. });
  3818. }
  3819. this.selectedRow.clear();
  3820. this.body.find(".bodyViewMobile_" + itemIndex).addClass("selected");
  3821. this.selectedRow.push(itemIndex);
  3822. this.body.find(".bodyViewMobile_" + itemIndex).focus();
  3823. }
  3824. },
  3825. focusMove: function (direction, event) {
  3826. var cfg = this.config;
  3827. var myIndex = this.selectedRow.first();
  3828. var newIndex = myIndex.number() + direction;
  3829. if (newIndex < 0) newIndex = this.list.length - 1;
  3830. else if (newIndex > (this.list.length - 1)) newIndex = 0;
  3831. this.setFocus(newIndex);
  3832. if (event.preventDefault) event.preventDefault();
  3833. if (event.stopPropagation) event.stopPropagation();
  3834. event.cancelBubble = true;
  3835. return false;
  3836. },
  3837. getSelectedItem: function () {
  3838. var cfg = this.config;
  3839. if (this.selectedRow != undefined && this.selectedRow != null && this.selectedRow.length > 0) {
  3840. return { index: this.selectedRow.first(), item: this.list[this.selectedRow.first()] };
  3841. } else {
  3842. return { error: "noselected", description: "선택된 item이 없습니다." };
  3843. }
  3844. },
  3845. click: function (itemIndex) {
  3846. var cfg = this.config;
  3847. this.setFocus(itemIndex);
  3848. var item = this.list[itemIndex];
  3849. if (cfg.body.onclick) {
  3850. var sendObj = {
  3851. index: itemIndex,
  3852. list: this.list,
  3853. item: item,
  3854. page: this.page
  3855. };
  3856. try {
  3857. cfg.body.onclick.call(sendObj, itemIndex, item);
  3858. } catch (e) {
  3859. trace(e);
  3860. }
  3861. }
  3862. if (event.preventDefault) event.preventDefault();
  3863. if (event.stopPropagation) event.stopPropagation();
  3864. event.cancelBubble = true;
  3865. return false;
  3866. },
  3867. /* body 영역 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  3868. /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ head & foot 영역 */
  3869. getDataSetFormatterValue: function (formatter, dataSet, value, key, CH) {
  3870. var cfg = this.config;
  3871. var result;
  3872. if (formatter == "money") {
  3873. if (value == "" || value == "null" || value == undefined) {
  3874. result = "0";
  3875. } else {
  3876. result = value.number().money();
  3877. }
  3878. } else if (formatter == "dec") {
  3879. result = (value == undefined) ? "" : value.dec();
  3880. } else if (formatter == "html") {
  3881. result = value;
  3882. } else if (formatter == "checkbox" || formatter == "radio") {
  3883. result = value;
  3884. } else {
  3885. var sendObj = {
  3886. index: null,
  3887. list: this.list,
  3888. item: dataSet,
  3889. dataSet: dataSet,
  3890. page: this.page,
  3891. key: key,
  3892. value: value
  3893. };
  3894. try {
  3895. result = formatter.call(sendObj);
  3896. } catch (e) {
  3897. trace(e);
  3898. }
  3899. }
  3900. return result;
  3901. },
  3902. getHeadDataSet: function (dataSet, isfix) {
  3903. var cfg = this.config;
  3904. if (dataSet == undefined) return;
  3905. var tpo = [];
  3906. var getDataSetFormatterValue = this.getDataSetFormatterValue.bind(this);
  3907. /*dataSet 빈 Key 채우기 */
  3908. axf.each(cfg.colGroup, function () {
  3909. if (dataSet[this.key] == undefined) dataSet[this.key] = "";
  3910. });
  3911. /*dataSet 빈 Key 채우기 ~~~~~~~~~~~~~~~~ */
  3912. var hasFixed = this.hasFixed;
  3913. for (var r = 0; r < cfg.head.rows.length; r++) {
  3914. var isLastTR = (cfg.head.rows.length - 1 == r);
  3915. tpo.push("<tr class=\"gridBodyTr gridBodyTr_foot\" id=\"" + cfg.targetID + "_AX_head_" + r + "_AX_" + (isfix || "n") + "\">");
  3916. var colCount = 0;
  3917. axf.each(cfg.head.rows[r], function (CHidx, CH) {
  3918. if (CH.display && CH.colspan > 0) {
  3919. if (isfix == undefined || (isfix != undefined && colCount < (cfg.fixedColSeq + 1))) {
  3920. colCount += CH.colspan;
  3921. /*radio, check exception */
  3922. var rowspan = (CH.rowspan > 1) ? " rowspan=\"" + CH.rowspan + "\"" : "";
  3923. var colspan = (CH.colspan > 1) ? " colspan=\"" + CH.colspan + "\"" : "";
  3924. var valign = " valign=\"" + CH.valign + "\" style=\"vertical-align:" + CH.valign + ";\"";
  3925. var bottomClass = (CH.isLastCell) ? "" : " bodyBottomBorder";
  3926. var fixedClass = (CH.isFixedEndCell) ? " fixedLine" : "";
  3927. /*trace({r:r, CHidx:CHifixedColSeq:cfg.fixedColSeq, colCount:colCount}); */
  3928. var bodyNodeClass = "";
  3929. if (CH.formatter == "checkbox" || CH.formatter == "radio") bodyNodeClass = " bodyTdCheckBox";
  3930. else if (CH.formatter == "html") bodyNodeClass = " bodyTdHtml";
  3931. tpo.push("<td" + valign + rowspan + colspan + " id=\"" + cfg.targetID + "_AX_" + (isfix || "n") + "head_AX_" + r + "_AX_" + CHidx + "\" class=\"bodyTd" + bottomClass + fixedClass + "\">");
  3932. /*tpo.push("<div class=\"tdRelBlock\">");*/
  3933. tpo.push("<div class=\"bodyNode bodyTdText" + bodyNodeClass + "\" align=\"" + CH.align + "\" id=\"" + cfg.targetID + "_AX_headText_AX_" + r + "_AX_" + CHidx + "\">");
  3934. if ((hasFixed && !CH.isFixedCell) || !hasFixed || isfix != undefined) {
  3935. if (CH.formatter) {
  3936. tpo.push(getDataSetFormatterValue(CH.formatter, dataSet, dataSet[CH.key], CH.key, CH));
  3937. } else {
  3938. tpo.push(dataSet[CH.key]);
  3939. }
  3940. } else {
  3941. tpo.push("&nbsp;");
  3942. }
  3943. tpo.push("</div>");
  3944. /*tpo.push("</div>");*/
  3945. tpo.push("</td>");
  3946. }
  3947. }
  3948. });
  3949. if (r == 0 && isfix == undefined) {
  3950. tpo.push("<td class=\"bodyNullTd\" id=\"" + cfg.targetID + "_AX_headnull\" rowspan=\"" + cfg.head.rows.length + "\"><div class=\"tdRelBlock\">&nbsp;</div></td>");
  3951. }
  3952. tpo.push("</tr>");
  3953. }
  3954. return tpo.join('');
  3955. },
  3956. getFootDataSet: function (dataSet, isfix) {
  3957. var cfg = this.config;
  3958. if (dataSet == undefined) return;
  3959. var tpo = [];
  3960. var getDataSetFormatterValue = this.getDataSetFormatterValue.bind(this);
  3961. /*dataSet 빈 Key 채우기 */
  3962. axf.each(cfg.colGroup, function () {
  3963. if (dataSet[this.key] == undefined) dataSet[this.key] = "";
  3964. });
  3965. /*dataSet 빈 Key 채우기 ~~~~~~~~~~~~~~~~ */
  3966. var hasFixed = this.hasFixed;
  3967. for (var r = 0; r < cfg.foot.rows.length; r++) {
  3968. var isLastTR = (cfg.foot.rows.length - 1 == r);
  3969. tpo.push("<tr class=\"gridBodyTr gridBodyTr_foot\" id=\"" + cfg.targetID + "_AX_foot_" + r + "_AX_" + (isfix || "n") + "\">");
  3970. var colCount = 0;
  3971. axf.each(cfg.foot.rows[r], function (CHidx, CH) {
  3972. if (CH.display && CH.colspan > 0) {
  3973. if (isfix == undefined || (isfix != undefined && colCount < (cfg.fixedColSeq + 1))) {
  3974. colCount += CH.colspan;
  3975. /*radio, check exception */
  3976. var rowspan = (CH.rowspan > 1) ? " rowspan=\"" + CH.rowspan + "\"" : "";
  3977. var colspan = (CH.colspan > 1) ? " colspan=\"" + CH.colspan + "\"" : "";
  3978. var valign = " valign=\"" + CH.valign + "\" style=\"vertical-align:" + CH.valign + ";\"";
  3979. var bottomClass = (CH.isLastCell) ? "" : " bodyBottomBorder";
  3980. var fixedClass = (CH.isFixedEndCell) ? " fixedLine" : "";
  3981. /*trace({r:r, CHidx:CHifixedColSeq:cfg.fixedColSeq, colCount:colCount}); */
  3982. var bodyNodeClass = "";
  3983. if (CH.formatter == "checkbox" || CH.formatter == "radio") bodyNodeClass = " bodyTdCheckBox";
  3984. else if (CH.formatter == "html") bodyNodeClass = " bodyTdHtml";
  3985. tpo.push("<td" + valign + rowspan + colspan + " id=\"" + cfg.targetID + "_AX_" + (isfix || "n") + "foot_AX_" + r + "_AX_" + CHidx + "\" class=\"bodyTd" + bottomClass + fixedClass + "\">");
  3986. /*tpo.push("<div class=\"tdRelBlock\">");*/
  3987. tpo.push("<div class=\"bodyNode bodyTdText" + bodyNodeClass + "\" align=\"" + CH.align + "\" id=\"" + cfg.targetID + "_AX_footText_AX_" + r + "_AX_" + CHidx + "\">");
  3988. if ((hasFixed && !CH.isFixedCell) || !hasFixed || isfix != undefined) {
  3989. if (CH.formatter) {
  3990. tpo.push(getDataSetFormatterValue(CH.formatter, dataSet, dataSet[CH.key], CH.key, CH));
  3991. } else {
  3992. tpo.push(dataSet[CH.key]);
  3993. }
  3994. } else {
  3995. tpo.push("&nbsp;");
  3996. }
  3997. tpo.push("</div>");
  3998. /*tpo.push("</div>");*/
  3999. tpo.push("</td>");
  4000. }
  4001. }
  4002. });
  4003. if (r == 0 && isfix == undefined) {
  4004. tpo.push("<td class=\"bodyNullTd\" id=\"" + cfg.targetID + "_AX_footnull\" rowspan=\"" + cfg.foot.rows.length + "\"><div class=\"tdRelBlock\">&nbsp;</div></td>");
  4005. }
  4006. tpo.push("</tr>");
  4007. }
  4008. return tpo.join('');
  4009. },
  4010. setDataSet: function (obj) {
  4011. var cfg = this.config;
  4012. if (obj.ajaxUrl) {
  4013. } else {
  4014. if (axdom.isPlainObject(obj)) {
  4015. this.dataSet = obj;
  4016. if (cfg.head) this.printHead();
  4017. if (cfg.foot) this.printFoot();
  4018. this.contentScrollResize(false);
  4019. }
  4020. }
  4021. },
  4022. redrawDataSet: function () {
  4023. var cfg = this.config;
  4024. if (this.dataSet) {
  4025. if (cfg.head) this.printHead();
  4026. if (cfg.foot) this.printFoot();
  4027. }
  4028. },
  4029. printHead: function () {
  4030. var cfg = this.config;
  4031. var getDataSet = this.getHeadDataSet.bind(this);
  4032. var po = [];
  4033. po.push(getDataSet(this.dataSet));
  4034. axdom("#" + cfg.targetID + "_AX_thead").html(po.join(''));
  4035. if (this.hasFixed) {
  4036. po = [];
  4037. po.push(getDataSet(this.dataSet, "fix"));
  4038. axdom("#" + cfg.targetID + "_AX_fixedThead").html(po.join(''));
  4039. }
  4040. },
  4041. printFoot: function () {
  4042. var cfg = this.config;
  4043. var getDataSet = this.getFootDataSet.bind(this);
  4044. var po = [];
  4045. po.push(getDataSet(this.dataSet));
  4046. axdom("#" + cfg.targetID + "_AX_tfoot").html(po.join(''));
  4047. if (this.hasFixed) {
  4048. po = [];
  4049. po.push(getDataSet(this.dataSet, "fix"));
  4050. axdom("#" + cfg.targetID + "_AX_fixedTfoot").html(po.join(''));
  4051. }
  4052. },
  4053. /* head & foot 영역 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  4054. /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ editor 영역 */
  4055. getEditorFormatterValue: function (formatter, dataSet, value, key, CH, idAttr) {
  4056. var cfg = this.config;
  4057. var result;
  4058. if (formatter == "money") {
  4059. if (value == "" || value == "null" || value == undefined) {
  4060. result = "0";
  4061. } else {
  4062. result = value.number().money();
  4063. }
  4064. } else if (formatter == "dec") {
  4065. result = (value == undefined) ? "" : value.dec();
  4066. } else if (formatter == "html") {
  4067. result = value;
  4068. } else if (formatter == "checkbox" || formatter == "radio") {
  4069. result = value;
  4070. } else {
  4071. var sendObj = {
  4072. index: null,
  4073. list: this.list,
  4074. item: dataSet,
  4075. dataSet: dataSet,
  4076. page: this.page,
  4077. key: key,
  4078. value: value
  4079. };
  4080. try {
  4081. result = formatter.call(sendObj);
  4082. } catch (e) {
  4083. trace(e);
  4084. }
  4085. }
  4086. var formID = cfg.targetID + "_AX_" + key + "_AX_" + idAttr;
  4087. var inputHidden = "<input type=\"hidden\" id=\"" + formID + "\" name=\"" + key + "\" value=\"" + value + "\" />";
  4088. return result + inputHidden;
  4089. },
  4090. getEditorFormValue: function (form, dataSet, value, key, CH, idAttr) {
  4091. var cfg = this.config;
  4092. var paddingRight = cfg.formPaddingRight;
  4093. var result = [];
  4094. var formClass = (form.addClass) ? " " + form.addClass : "";
  4095. var formWidth = (form.width) ? "width:" + form.width + ";" : "width:100%;";
  4096. var formHeight = (form.height) ? "height:" + form.height + ";" : "";
  4097. var formStyle = (form.style) ? form.style : "";
  4098. var formID = (form.id) ? form.id : cfg.targetID + "_AX_" + key + "_AX_" + idAttr;
  4099. var getFormValue = function (formvalue, value) {
  4100. if (formvalue == "itemValue" || formvalue == "itemText") {
  4101. if (axdom.isArray(value)) {
  4102. return value;
  4103. } else {
  4104. return (value || "").dec();
  4105. }
  4106. } else if (axdom.isFunction(formvalue)) {
  4107. var sendObj = {
  4108. key: key,
  4109. value: value,
  4110. list: this.list,
  4111. page: this.page
  4112. };
  4113. return formvalue.call(sendObj, key, value);
  4114. } else {
  4115. return formvalue;
  4116. }
  4117. };
  4118. if (form.type == "hidden") {
  4119. /*result.push("<div style=\"padding-right:"+paddingRight+";\">"); */
  4120. result.push("&nbsp;");
  4121. result.push("<input type=\"hidden\" id=\"" + formID + "\" name=\"" + key + "\" value=\"" + getFormValue(form.value, dataSet[key]) + "\" class=\"AXInput" + formClass + "\" style=\"" + formWidth + formHeight + formStyle + "\" />");
  4122. /*result.push("</div>"); */
  4123. } else if (form.type == "text") {
  4124. result.push("<div style=\"padding-right:" + paddingRight + ";\">");
  4125. result.push("<input type=\"text\" id=\"" + formID + "\" name=\"" + key + "\" value=\"" + getFormValue(form.value, dataSet[key]) + "\" class=\"AXInput" + formClass + "\" style=\"" + formWidth + formHeight + formStyle + "\" />");
  4126. result.push("</div>");
  4127. } else if (form.type == "textarea") {
  4128. result.push("<div style=\"padding-right:" + paddingRight + ";\">");
  4129. result.push("<textarea id=\"" + formID + "\" name=\"" + key + "\" class=\"AXTextarea" + formClass + "\" style=\"" + formWidth + formHeight + formStyle + "\" >" + getFormValue(form.value, dataSet[key]) + "</textarea>");
  4130. result.push("</div>");
  4131. } else if (form.type == "select") {
  4132. var formValue = getFormValue(form.value, dataSet[key]);
  4133. /*trace({key:key, dataSet_key:dataSet[key], formValue:formValue}); */
  4134. result.push("<div style=\"padding-right:1px;\">");
  4135. result.push("<select id=\"" + formID + "\" name=\"" + key + "\" class=\"AXSelect" + formClass + "\" style=\"" + formWidth + formHeight + formStyle + "\" >");
  4136. if (form.isspace) result.push("<option value=\"\">", (form.isspaceTitle || "").dec(), "</option>");
  4137. axf.each(form.options, function () {
  4138. result.push("<option value=\"" + (this.value || this.optionValue) + "\"");
  4139. if (form.value == "itemText") {
  4140. if (formValue == (this.text || this.optionText).dec()) result.push(" selected=\"selected\"");
  4141. } else {
  4142. if (formValue == (this.value || this.optionValue)) result.push(" selected=\"selected\"");
  4143. }
  4144. result.push(">" + (this.text || this.optionText).dec() + "</option>");
  4145. });
  4146. result.push("</select>");
  4147. result.push("</div>");
  4148. } else if (form.type == "radio") {
  4149. var formValue = getFormValue(form.value, dataSet[key]);
  4150. axf.each(form.options, function (oidx, opt) {
  4151. result.push("<input type=\"radio\" id=\"" + formID + "_AX_" + oidx + "\" name=\"" + key + "\" value=\"" + this.value + "\"");
  4152. if (formValue == this.value) result.push(" checked=\"checked\"");
  4153. result.push("><label for=\"" + formID + "_AX_" + oidx + "\">" + this.text.dec() + "</label><br/>");
  4154. });
  4155. } else if (form.type == "checkbox") {
  4156. var formValue = getFormValue(form.value, dataSet[key]);
  4157. axf.each(form.options, function (oidx, opt) {
  4158. result.push("<input type=\"checkbox\" id=\"" + formID + "_AX_" + oidx + "\" name=\"" + key + "\" value=\"" + this.value + "\"");
  4159. if (axdom.isArray(formValue)) {
  4160. var isChecked = false;
  4161. var _value = this.value;
  4162. axf.each(formValue, function () {
  4163. if (this == _value) {
  4164. isChecked = true;
  4165. return false;
  4166. }
  4167. });
  4168. if (isChecked) result.push(" checked=\"checked\"");
  4169. } else {
  4170. if (formValue == this.value) result.push(" checked=\"checked\"");
  4171. }
  4172. result.push("><label for=\"" + formID + "_AX_" + oidx + "\">" + this.text.dec() + "</label><br/>");
  4173. });
  4174. }
  4175. return result.join('');
  4176. },
  4177. getEditorBody: function (dataSet, isfix) {
  4178. var cfg = this.config;
  4179. var getEditorFormatterValue = this.getEditorFormatterValue.bind(this);
  4180. var getEditorFormValue = this.getEditorFormValue.bind(this);
  4181. var tpo = [];
  4182. var hasFixed = this.hasFixed;
  4183. for (var r = 0; r < cfg.editor.rows.length; r++) {
  4184. var isLastTR = (cfg.editor.rows.length - 1 == r);
  4185. tpo.push("<tr class=\"gridBodyTr gridBodyTr_editor\" id=\"" + cfg.targetID + "_AX_editor_" + r + "_AX_" + (isfix || "n") + "\">");
  4186. var colCount = 0;
  4187. axf.each(cfg.editor.rows[r], function (CHidx, CH) {
  4188. if (CH.display && CH.colspan > 0) {
  4189. if (isfix == undefined || (isfix != undefined && colCount < (cfg.fixedColSeq + 1))) {
  4190. colCount += CH.colspan;
  4191. /*radio, check exception */
  4192. var rowspan = (CH.rowspan > 1) ? " rowspan=\"" + CH.rowspan + "\"" : "";
  4193. var colspan = (CH.colspan > 1) ? " colspan=\"" + CH.colspan + "\"" : "";
  4194. var valign = " valign=\"" + CH.valign + "\" style=\"vertical-align:" + CH.valign + ";\"";
  4195. var bottomClass = (CH.isLastCell) ? "" : " bodyBottomBorder";
  4196. var fixedClass = (CH.isFixedEndCell) ? " fixedLine" : "";
  4197. var bodyNodeClass = "";
  4198. if (CH.formatter == "checkbox") bodyNodeClass = " bodyTdCheckBox";
  4199. else if (CH.formatter == "html") bodyNodeClass = " bodyTdHtml";
  4200. tpo.push("<td" + valign + rowspan + colspan + " id=\"" + cfg.targetID + "_AX_" + (isfix || "n") + "editor_AX_" + r + "_AX_" + CHidx + "\" class=\"bodyTd" + bottomClass + fixedClass + "\">");
  4201. /*tpo.push("<div class=\"tdRelBlock\">");*/
  4202. tpo.push("<div class=\"bodyNode bodyTdText" + bodyNodeClass + "\" align=\"" + CH.align + "\" id=\"" + cfg.targetID + "_AX_editorText_AX_" + r + "_AX_" + CHidx + "\">");
  4203. if ((hasFixed && !CH.isFixedCell) || !hasFixed || isfix != undefined) {
  4204. if (CH.form) {
  4205. tpo.push(getEditorFormValue(CH.form, dataSet, dataSet[CH.key], CH.key, CH, r + "_AX_" + CHidx));
  4206. } else if (CH.formatter) {
  4207. tpo.push(getEditorFormatterValue(CH.formatter, dataSet, dataSet[CH.key], CH.key, CH, r + "_AX_" + CHidx, CH.form));
  4208. } else {
  4209. tpo.push(dataSet[CH.key]);
  4210. }
  4211. } else {
  4212. tpo.push("&nbsp;");
  4213. }
  4214. tpo.push("</div>");
  4215. /*tpo.push("</div>");*/
  4216. tpo.push("</td>");
  4217. }
  4218. } else {
  4219. tpo.push("<td style=\"display:none\">");
  4220. if (CH.form) {
  4221. tpo.push(getEditorFormValue(CH.form, dataSet, dataSet[CH.key], CH.key, CH, r + "_AX_" + CHidx));
  4222. } else if (CH.formatter) {
  4223. tpo.push(getEditorFormatterValue(CH.formatter, dataSet, dataSet[CH.key], CH.key, CH, r + "_AX_" + CHidx, CH.form));
  4224. } else {
  4225. tpo.push(dataSet[CH.key]);
  4226. }
  4227. tpo.push("</td>");
  4228. }
  4229. });
  4230. if (r == 0 && isfix == undefined) {
  4231. tpo.push("<td class=\"bodyNullTd\" id=\"" + cfg.targetID + "_AX_editornull\" rowspan=\"" + cfg.editor.rows.length + "\"><div class=\"tdRelBlock\">&nbsp;</div></td>");
  4232. }
  4233. tpo.push("</tr>");
  4234. }
  4235. return tpo.join('');
  4236. },
  4237. setEditor: function (item, itemIndex, insertIndex) {
  4238. var cfg = this.config, _this = this;
  4239. if (!this.hasEditor) {
  4240. alert("setConfig 에 editor 가 설정 되지 않아 요청을 처리 할 수 없습니다.");
  4241. return;
  4242. }
  4243. this.unbindAXbind();
  4244. var dataSet = {};
  4245. if (item) {
  4246. dataSet = item;
  4247. }
  4248. /*dataSet 빈 Key 채우기 */
  4249. axf.each(cfg.colGroup, function () {
  4250. if (dataSet[this.key] == undefined) dataSet[this.key] = "";
  4251. });
  4252. /*dataSet 빈 Key 채우기 ~~~~~~~~~~~~~~~~ */
  4253. /*setEditor */
  4254. var po = [];
  4255. po.push("<div id=\"" + cfg.targetID + "_AX_editorContent\" class=\"editorContent\">");
  4256. po.push("<table cellpadding=\"0\" cellspacing=\"0\" class=\"gridBodyTable\" style=\"\">");
  4257. po.push(this.getColGroup("EB"));
  4258. /*colGroup 삽입 */
  4259. po.push("<tbody id=\"" + cfg.targetID + "_AX_editor_AX_tbody\">");
  4260. po.push(this.getEditorBody(dataSet));
  4261. po.push("</tbody>");
  4262. po.push("</table>");
  4263. po.push("</div>");
  4264. if (this.hasFixed) {
  4265. po.push("<div id=\"" + cfg.targetID + "_AX_fixedEditorContent\" class=\"fixedEditorContent\" style=\"width:" + this.fixedColWidth + "px;\">");
  4266. po.push("<table cellpadding=\"0\" cellspacing=\"0\" class=\"gridFixedBodyTable\" style=\"width:" + this.fixedColWidth + "px;\">");
  4267. po.push(this.getColGroup("FE"));
  4268. /*colGroup 삽입 */
  4269. po.push("<tbody id=\"" + cfg.targetID + "_AX_editor__AX_fixedTbody\">");
  4270. po.push(this.getEditorBody(dataSet, "fix"));
  4271. po.push("</tbody>");
  4272. po.push("</table>");
  4273. po.push("</div>");
  4274. }
  4275. po.push("<div id=\"" + cfg.targetID + "_AX_editorButtons\" class=\"editorButtons\">");
  4276. po.push(" <input type=\"button\" id=\"" + cfg.targetID + "_AX_editorButtons_AX_save\" value=\"Save\" class=\"AXButtonSmall Classic\" />");
  4277. po.push(" <input type=\"button\" id=\"" + cfg.targetID + "_AX_editorButtons_AX_cancel\" value=\"Cancel\" class=\"AXButtonSmall\" />");
  4278. po.push("</div>");
  4279. this.editor.html(po.join(''));
  4280. if (itemIndex != undefined) {
  4281. var scrollTop = this.scrollContent.position().top;
  4282. var editorTop = axdom("#" + cfg.targetID + "_AX_tr_0_AX_n_AX_" + itemIndex).position().top;
  4283. var list = this.list;
  4284. var itemTRheight = (function () {
  4285. if (list.length == 0) {
  4286. return 0;
  4287. } else if (list.length == 1) {
  4288. var p2 = axdom("#" + cfg.targetID + "_AX_tr_0_AX_n_AX_" + itemIndex).height();
  4289. return p2;
  4290. } else if ((list.length - 1) == itemIndex) {
  4291. var p1 = axdom("#" + cfg.targetID + "_AX_tr_0_AX_n_AX_" + (itemIndex - 1)).position().top;
  4292. var p2 = axdom("#" + cfg.targetID + "_AX_tr_0_AX_n_AX_" + itemIndex).position().top;
  4293. return p2 - p1;
  4294. } else {
  4295. var p1 = axdom("#" + cfg.targetID + "_AX_tr_0_AX_n_AX_" + (itemIndex)).position().top;
  4296. var p2 = axdom("#" + cfg.targetID + "_AX_tr_0_AX_n_AX_" + (itemIndex.number() + 1)).position().top;
  4297. return p2 - p1;
  4298. }
  4299. })();
  4300. this.editor.css({ top: editorTop + scrollTop });
  4301. this.editorOpend = true;
  4302. this.editorOpenTop = editorTop;
  4303. this.editorItemIndex = itemIndex;
  4304. } else if (insertIndex != undefined) {
  4305. var scrollTop = this.scrollContent.position().top;
  4306. var editorTop = axdom("#" + cfg.targetID + "_AX_tr_0_AX_n_AX_" + insertIndex).position().top;
  4307. var trHeight = axdom("#" + cfg.targetID + "_AX_tr_0_AX_n_AX_" + insertIndex).outerHeight();
  4308. var list = this.list;
  4309. var itemTRheight = (function () {
  4310. if (list.length == 0) {
  4311. return 0;
  4312. } else if (list.length == 1) {
  4313. var p2 = axdom("#" + cfg.targetID + "_AX_tr_0_AX_n_AX_" + insertIndex).height();
  4314. return p2;
  4315. } else if ((list.length - 1) == itemIndex) {
  4316. var p1 = axdom("#" + cfg.targetID + "_AX_tr_0_AX_n_AX_" + (insertIndex - 1)).position().top;
  4317. var p2 = axdom("#" + cfg.targetID + "_AX_tr_0_AX_n_AX_" + insertIndex).position().top;
  4318. return p2 - p1;
  4319. } else {
  4320. var p1 = axdom("#" + cfg.targetID + "_AX_tr_0_AX_n_AX_" + (insertIndex)).position().top;
  4321. var p2 = (axdom("#" + cfg.targetID + "_AX_tr_0_AX_n_AX_" + (insertIndex.number() + 1)).position() || 0).top;
  4322. return p2 - p1;
  4323. }
  4324. })();
  4325. editorTop += trHeight;
  4326. this.editor.css({ top: editorTop + scrollTop });
  4327. this.editorOpend = true;
  4328. this.editorOpenTop = editorTop;
  4329. this.editorInsertIndex = insertIndex;
  4330. var trTop = -editorTop;
  4331. /*this.body.find(".gridBodyTr_" + insertIndex).position().top; */
  4332. if (this.body.height() < this.scrollContent.height()) {
  4333. this.scrollContent.css({ top: trTop });
  4334. this.contentScrollContentSync({ top: trTop });
  4335. }
  4336. } else {
  4337. var scrollTop = 0, editorTop = 0, itemTRheight = 0;
  4338. if (insertIndex == undefined && this.list.length) {
  4339. insertIndex = this.list.length - 1;
  4340. scrollTop = this.scrollContent.position().top;
  4341. editorTop = axdom("#" + cfg.targetID + "_AX_tr_0_AX_n_AX_" + insertIndex).position().top;
  4342. var trHeight = axdom("#" + cfg.targetID + "_AX_tr_0_AX_n_AX_" + insertIndex).outerHeight();
  4343. editorTop += trHeight;
  4344. }
  4345. this.editor.css({ top: editorTop + scrollTop });
  4346. this.editorOpend = true;
  4347. this.editorOpenTop = editorTop;
  4348. this.editorItemIndex = null;
  4349. var trTop = -editorTop;
  4350. /*this.body.find(".gridBodyTr_" + insertIndex).position().top; */
  4351. if (this.body.height() < this.scrollContent.height()) {
  4352. this.scrollContent.css({ top: trTop });
  4353. this.contentScrollContentSync({ top: trTop });
  4354. }
  4355. }
  4356. this.scrollTrackY.before(this.editor);
  4357. this.editor.show();
  4358. this.editor.find("input[type=text],textarea").bind("mousedown.AXGrid", function () {
  4359. this.focus();
  4360. });
  4361. if (cfg.editor.onkeyup) {
  4362. this.editor.find("input[type=text],textarea").unbind("keyup.AXGrid").bind("keyup.AXGrid", function (event) {
  4363. cfg.editor.onkeyup.call({
  4364. list: _this.list,
  4365. item: item,
  4366. element: this
  4367. }, event, this);
  4368. });
  4369. }
  4370. /* form item bind AX */
  4371. for (var r = 0; r < cfg.editor.rows.length; r++) {
  4372. axf.each(cfg.editor.rows[r], function (CHidx, CH) {
  4373. if (CH.display && CH.colspan > 0) {
  4374. var formID = "";
  4375. if (CH.AXBind) {
  4376. formID = (CH.form.id) ? CH.form.id : cfg.targetID + "_AX_" + CH.key + "_AX_" + r + "_AX_" + CHidx;
  4377. if (CH.AXBind.type == "number" && CH.form.type == "text") {
  4378. /*axdom("#"+formID).unbindInput(); */
  4379. axdom("#" + formID).bindNumber((CH.AXBind.config || {}));
  4380. } else if (CH.AXBind.type == "money" && CH.form.type == "text") {
  4381. /*axdom("#"+formID).unbindInput(); */
  4382. axdom("#" + formID).bindMoney((CH.AXBind.config || {}));
  4383. } else if (CH.AXBind.type == "selector" && CH.form.type == "text") {
  4384. /*axdom("#"+formID).unbindInput(); */
  4385. axdom("#" + formID).bindSelector((CH.AXBind.config || {}));
  4386. } else if (CH.AXBind.type == "slider" && CH.form.type == "text") {
  4387. /*axdom("#"+formID).unbindInput(); */
  4388. axdom("#" + formID).bindSlider((CH.AXBind.config || {}));
  4389. } else if (CH.AXBind.type == "slider" && CH.form.type == "text") {
  4390. /*axdom("#"+formID).unbindInput(); */
  4391. axdom("#" + formID).bindSlider((CH.AXBind.config || {}));
  4392. } else if (CH.AXBind.type == "twinSlider" && CH.form.type == "text") {
  4393. /*axdom("#"+formID).unbindInput(); */
  4394. axdom("#" + formID).bindTwinSlider((CH.AXBind.config || {}));
  4395. } else if (CH.AXBind.type == "date" && CH.form.type == "text") {
  4396. /*axdom("#"+formID).unbindInput(); */
  4397. axdom("#" + formID).bindDate((CH.AXBind.config || {}));
  4398. } else if (CH.AXBind.type == "twinDate" && CH.form.type == "text") {
  4399. /*axdom("#"+formID).unbindInput(); */
  4400. axdom("#" + formID).bindTwinDate((CH.AXBind.config || {}));
  4401. } else if (CH.AXBind.type == "dateTime" && CH.form.type == "text") {
  4402. /*axdom("#"+formID).unbindInput(); */
  4403. axdom("#" + formID).bindDateTime((CH.AXBind.config || {}));
  4404. } else if (CH.AXBind.type == "switch" && CH.form.type == "text") {
  4405. /*axdom("#"+formID).unbindInput(); */
  4406. axdom("#" + formID).bindSwitch((CH.AXBind.config || {}));
  4407. } else if (CH.AXBind.type == "select" && CH.form.type == "select") {
  4408. /*axdom("#"+formID).unbindSelect(); */
  4409. axdom("#" + formID).bindSelect((CH.AXBind.config || {}));
  4410. }
  4411. }
  4412. if (CH.form) {
  4413. formID = (CH.form.id) ? CH.form.id : cfg.targetID + "_AX_" + CH.key + "_AX_" + r + "_AX_" + CHidx;
  4414. if (CH.form.onChange) {
  4415. axdom("#" + formID).bind("change", function () {
  4416. CH.form.onChange.call({
  4417. key: CH.key,
  4418. position: CHidx,
  4419. value: axdom("#" + formID).val(),
  4420. text: axf.getId(formID).options[axf.getId(formID).options.selectedIndex].text
  4421. });
  4422. });
  4423. }
  4424. if (CH.form.onClick) {
  4425. axdom("#" + formID).bind("click", function () {
  4426. CH.form.onClick.call({
  4427. key: CH.key,
  4428. position: CHidx,
  4429. value: axdom("#" + formID).val()
  4430. });
  4431. });
  4432. }
  4433. if (CH.form.onBlur) {
  4434. axdom("#" + formID).bind("blur", function () {
  4435. CH.form.onBlur.call({
  4436. key: CH.key,
  4437. position: CHidx,
  4438. value: axdom("#" + formID).val()
  4439. });
  4440. });
  4441. }
  4442. if (CH.form.onFocus) {
  4443. axdom("#" + formID).bind("focus", function () {
  4444. CH.form.onFocus.call({
  4445. key: CH.key,
  4446. position: CHidx,
  4447. value: axdom("#" + formID).val()
  4448. });
  4449. });
  4450. }
  4451. }
  4452. }
  4453. });
  4454. }
  4455. var editorContentHeight = axdom("#" + cfg.targetID + "_AX_editorContent").outerHeight();
  4456. var fixedEditorContentHeight = axdom("#" + cfg.targetID + "_AX_fixedEditorContent").innerHeight();
  4457. if (editorContentHeight < fixedEditorContentHeight) {
  4458. editorContentHeight = fixedEditorContentHeight;
  4459. axdom("#" + cfg.targetID + "_AX_editorContent").find(".gridBodyTable").css({ height: editorContentHeight });
  4460. } else {
  4461. axdom("#" + cfg.targetID + "_AX_fixedEditorContent").find(".gridFixedBodyTable").css({ height: editorContentHeight });
  4462. }
  4463. axdom("#" + cfg.targetID + "_AX_editorButtons").css({ top: editorContentHeight - 2 });
  4464. this.editor.css({ height: (editorContentHeight.number() + 40) });
  4465. var editorBoxHeight = (editorContentHeight.number() + 40);
  4466. if (itemTRheight > editorContentHeight) {
  4467. editorContentHeight = itemTRheight;
  4468. axdom("#" + cfg.targetID + "_AX_editorContent").find(".gridBodyTable").css({ height: editorContentHeight });
  4469. axdom("#" + cfg.targetID + "_AX_fixedEditorContent").find(".gridFixedBodyTable").css({ height: editorContentHeight });
  4470. this.editor.css({ height: (editorContentHeight.number() + 40) });
  4471. axdom("#" + cfg.targetID + "_AX_editorButtons").css({ top: editorContentHeight });
  4472. }
  4473. /* editor 에 따른 scrollContent 높이 조정 */
  4474. var editorPosHeight = editorTop + this.editor.height();
  4475. var scrollHeight = this.scrollContent.height();
  4476. if (editorPosHeight > scrollHeight) {
  4477. this.scrollContent.append("<div style=\"height:" + (editorPosHeight - scrollHeight) + "px;\"></div>");
  4478. var scrollContentTop = this.scrollContent.position().top - (editorPosHeight - scrollHeight);
  4479. this.contentScrollYAttr = null;
  4480. this.contentScrollResize(false);
  4481. }
  4482. var scrollLeft = this.scrollContent.position().left;
  4483. axdom("#" + cfg.targetID + "_AX_editorContent").css({ left: scrollLeft });
  4484. axdom("#" + cfg.targetID + "_AX_editorButtons_AX_save").bind("click", this.saveEditor.bind(this));
  4485. axdom("#" + cfg.targetID + "_AX_editorButtons_AX_cancel").bind("click", this.cancelEditor.bind(this));
  4486. },
  4487. setEditorForm: function (obj) {
  4488. var cfg = this.config;
  4489. var formID = cfg.targetID + "_AX_" + obj.key + "_AX_" + obj.position.join("_AX_");
  4490. if (!axf.getId(formID)) alert(formID + "로 Element를 찾을 수 없습니다.");
  4491. axdom("#" + formID).val(obj.value);
  4492. },
  4493. focusEditorForm: function (key) { /* editor 활성화 된 폼의 특정 요소에 포커스 주기 */
  4494. var cfg = this.config;
  4495. this.editor.find("input[type=text],textarea").each(function () {
  4496. if (this.name == key) {
  4497. this.focus();
  4498. return false;
  4499. }
  4500. });
  4501. },
  4502. saveEditor: function () {
  4503. var cfg = this.config;
  4504. var editorFormItem = {};
  4505. if (this.editorItemIndex == null) {
  4506. editorFormItem.requestType = "new";
  4507. } else {
  4508. editorFormItem.requestType = "edit";
  4509. }
  4510. var setEditorFormItemValue = function (k, v, type) {
  4511. if (editorFormItem[k]) {
  4512. if (type == "checkbox") {
  4513. if (Object.isArray(editorFormItem[k])) {
  4514. editorFormItem[k].push(v);
  4515. } else {
  4516. editorFormItem[k] = [editorFormItem[k]];
  4517. editorFormItem[k].push(v);
  4518. }
  4519. } else {
  4520. editorFormItem[k] = v;
  4521. }
  4522. } else {
  4523. editorFormItem[k] = v;
  4524. }
  4525. };
  4526. for (var r = 0; r < cfg.editor.rows.length; r++) {
  4527. axf.each(cfg.editor.rows[r], function (CHidx, CH) {
  4528. if (CH.form) {
  4529. var formID = (CH.form.id) ? CH.form.id : cfg.targetID + "_AX_" + CH.key + "_AX_" + r + "_AX_" + CHidx;
  4530. if (CH.form.type == "radio") {
  4531. var checkedValue = [];
  4532. axf.each(CH.form.options, function (oidx, opt) {
  4533. var opt_formID = formID + "_AX_" + oidx;
  4534. if (axdom("#" + opt_formID).get(0).checked) setEditorFormItemValue(CH.key, axdom("#" + opt_formID).val(), "radio");
  4535. //editorFormItem.push(CH.key + "=" + axdom("#" + opt_formID).val().enc());
  4536. });
  4537. } else if (CH.form.type == "checkbox") {
  4538. var checkedValue = [];
  4539. axf.each(CH.form.options, function (oidx, opt) {
  4540. var opt_formID = formID + "_AX_" + oidx;
  4541. if (axdom("#" + opt_formID).get(0).checked) setEditorFormItemValue(CH.key, axdom("#" + opt_formID).val(), "checkbox");
  4542. else setEditorFormItemValue(CH.key, "", "checkbox");
  4543. });
  4544. } else if (CH.form.type == "select") {
  4545. if (CH.form.value == "itemText") {
  4546. setEditorFormItemValue(CH.key, axf.getId(formID).options[axf.getId(formID).options.selectedIndex].text, "select");
  4547. } else {
  4548. setEditorFormItemValue(CH.key, axdom("#" + formID).val(), "select");
  4549. }
  4550. } else {
  4551. setEditorFormItemValue(CH.key, axdom("#" + formID).val(), "text");
  4552. }
  4553. } else {
  4554. var formID = cfg.targetID + "_AX_" + CH.key + "_AX_" + r + "_AX_" + CHidx;
  4555. if (axf.getId(formID)) {
  4556. setEditorFormItemValue(CH.key, axdom("#" + formID).val(), "text");
  4557. }
  4558. }
  4559. });
  4560. }
  4561. /* form validate -- s */
  4562. var validate = function (formID, CH) {
  4563. var checkedValues = [];
  4564. var value;
  4565. if (CH.form.type == "radio") {
  4566. axf.each(CH.form.options, function (oidx, opt) {
  4567. var opt_formID = formID + "_AX_" + oidx;
  4568. if (axdom("#" + opt_formID).get(0).checked) checkedValues.push(axdom("#" + opt_formID).val());
  4569. });
  4570. value = checkedValue.join(",");
  4571. } else if (CH.form.type == "checkbox") {
  4572. axf.each(CH.form.options, function (oidx, opt) {
  4573. var opt_formID = formID + "_AX_" + oidx;
  4574. if (axdom("#" + opt_formID).get(0).checked) checkedValues.push(axdom("#" + opt_formID).val());
  4575. else checkedValues.push(CH.key + "=");
  4576. });
  4577. value = checkedValue.join(",");
  4578. } else if (CH.form.type == "select") {
  4579. if (CH.form.value == "itemText") {
  4580. value = axf.getId(formID).options[axf.getId(formID).options.selectedIndex].text;
  4581. } else {
  4582. value = axdom("#" + formID).val();
  4583. }
  4584. } else {
  4585. value = axdom("#" + formID).val().trim();
  4586. }
  4587. var sendObj = {
  4588. formID: formID,
  4589. value: value,
  4590. checkedValues: checkedValues,
  4591. form: CH.form
  4592. };
  4593. return CH.form.validate.call(sendObj, formID, value);
  4594. };
  4595. var validateError = false;
  4596. for (var r = 0; r < cfg.editor.rows.length; r++) {
  4597. /*trace(cfg.editor.rows[r]);*/
  4598. axf.each(cfg.editor.rows[r], function (CHidx, CH) {
  4599. if (CH.form) {
  4600. if (CH.form.validate) {
  4601. var formID = (CH.form.id) ? CH.form.id : cfg.targetID + "_AX_" + CH.key + "_AX_" + r + "_AX_" + CHidx;
  4602. var result = validate(formID, CH);
  4603. if (!result) {
  4604. validateError = true;
  4605. axdom("#" + formID).focus();
  4606. }
  4607. }
  4608. }
  4609. });
  4610. }
  4611. if (validateError) {
  4612. return;
  4613. }
  4614. /* form validate -- e */
  4615. if (cfg.editor.request) {
  4616. this.unbindAXbind();
  4617. var po = [];
  4618. po.push("<div class=\"editorContent\" style=\"background:#fff;\">");
  4619. po.push("<div class=\"AXLoading\"></div>");
  4620. po.push("</div>");
  4621. this.editor.html(po.join(''));
  4622. var saveEditorRequest = this.saveEditorRequest.bind(this);
  4623. var cancelEditor = this.cancelEditor.bind(this);
  4624. var url = cfg.editor.request.ajaxUrl;
  4625. var formPars = [];
  4626. axf.each(editorFormItem, function (k, v) {
  4627. formPars.push(k + "=" + v.enc());
  4628. });
  4629. var pars = (cfg.editor.request.ajaxPars) ? cfg.editor.request.ajaxPars + "&" + formPars.join('&') : formPars.join('&');
  4630. new AXReq(url, {
  4631. debug: false, pars: pars, onsucc: function (res) {
  4632. if (res.result == AXConfig.AXReq.okCode) {
  4633. saveEditorRequest(res);
  4634. } else {
  4635. toast.push({ body: res.msg.dec(), type: "Caution" });
  4636. cancelEditor();
  4637. }
  4638. }
  4639. });
  4640. return true;
  4641. } else {
  4642. /*
  4643. var po = [];
  4644. po.push("<div class=\"editorContent\" id=\"\" style=\"background:#fff;\">");
  4645. po.push("<div class=\"editorContent AXLoading\"></div>");
  4646. po.push("</div>");
  4647. this.editor.append(po.join(''));
  4648. */
  4649. // -------------- editor response 에서 return false 가 오는 상황을 고려 하면 사용
  4650. //this.editor.hide();
  4651. //this.editorOpend = false;
  4652. var saveEditorRequest = this.saveEditorRequest.bind(this);
  4653. var cancelEditor = this.cancelEditor.bind(this);
  4654. saveEditorRequest({ item: editorFormItem });
  4655. }
  4656. },
  4657. saveEditorRequest: function (res) {
  4658. var cfg = this.config;
  4659. if (this.editorOpend) {
  4660. /*this.editorItemIndex */
  4661. /* this.list[n] 에 서버로 부터 받은 값 덮어쓰기 */
  4662. if (cfg.editor.response) { /* */
  4663. var sendObj = {
  4664. res: res,
  4665. index: this.editorItemIndex,
  4666. insertIndex: this.editorInsertIndex,
  4667. list: this.list,
  4668. page: this.page
  4669. };
  4670. var callResult = cfg.editor.response.call(sendObj, this.editorItemIndex);
  4671. /*
  4672. // -------------- editor response 에서 return false 가 오는 상황을 고려 하면 사용
  4673. if(callResult === true){
  4674. this.editorOpend = false;
  4675. this.unbindAXbind();
  4676. }else{
  4677. this.editor.show();
  4678. this.editorOpend = true;
  4679. }
  4680. */
  4681. } else {
  4682. this.unbindAXbind();
  4683. if (this.editorItemIndex != null && this.editorItemIndex != undefined) {
  4684. AXUtil.overwriteObject(this.list[this.editorItemIndex], res.item, true);
  4685. this.updateList(this.editorItemIndex, this.list[this.editorItemIndex]);
  4686. } else if (this.editorInsertIndex != null && this.editorInsertIndex != undefined) {
  4687. this.pushList(res.item, this.editorInsertIndex);
  4688. } else {
  4689. this.pushList(res.item);
  4690. }
  4691. this.editorItemIndex = null;
  4692. this.editorInsertIndex = null;
  4693. this.editor.hide();
  4694. this.editorOpend = false;
  4695. }
  4696. }
  4697. },
  4698. cancelEditor: function () {
  4699. this.editor.hide();
  4700. this.editorOpend = false;
  4701. this.unbindAXbind();
  4702. },
  4703. unbindAXbind: function () {
  4704. var cfg = this.config;
  4705. /* form item bind AX */
  4706. try {
  4707. for (var r = 0; r < cfg.editor.rows.length; r++) {
  4708. axf.each(cfg.editor.rows[r], function (CHidx, CH) {
  4709. if (CH.display && CH.colspan > 0) {
  4710. if (CH.AXBind) {
  4711. var formID = (CH.form.id) ? CH.form.id : cfg.targetID + "_AX_" + CH.key + "_AX_" + r + "_AX_" + CHidx;
  4712. /*trace(formID); */
  4713. if (CH.AXBind.type == "number" && CH.form.type == "text") {
  4714. axdom("#" + formID).unbindInput();
  4715. } else if (CH.AXBind.type == "money" && CH.form.type == "text") {
  4716. axdom("#" + formID).unbindInput();
  4717. } else if (CH.AXBind.type == "selector" && CH.form.type == "text") {
  4718. axdom("#" + formID).unbindInput();
  4719. } else if (CH.AXBind.type == "slider" && CH.form.type == "text") {
  4720. axdom("#" + formID).unbindInput();
  4721. } else if (CH.AXBind.type == "twinSlider" && CH.form.type == "text") {
  4722. axdom("#" + formID).unbindInput();
  4723. } else if (CH.AXBind.type == "date" && CH.form.type == "text") {
  4724. axdom("#" + formID).unbindInput();
  4725. } else if (CH.AXBind.type == "twinDate" && CH.form.type == "text") {
  4726. axdom("#" + formID).unbindInput();
  4727. } else if (CH.AXBind.type == "dateTime" && CH.form.type == "text") {
  4728. axdom("#" + formID).unbindInput();
  4729. } else if (CH.AXBind.type == "switch" && CH.form.type == "text") {
  4730. axdom("#" + formID).unbindInput();
  4731. } else if (CH.AXBind.type == "select" && CH.form.type == "select") {
  4732. axdom("#" + formID).unbindSelect();
  4733. }
  4734. }
  4735. }
  4736. });
  4737. }
  4738. } catch (e) {
  4739. trace(e);
  4740. }
  4741. },
  4742. appendList: function (item, insertIndex) {
  4743. this.setEditor(item, null, insertIndex);
  4744. },
  4745. /* editor 영역 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  4746. setMobileTool: function () {
  4747. var cfg = this.config, _this = this;
  4748. var toolGroupTop = axdom("#" + cfg.targetID + "_AX_gridToolGroupTop");
  4749. var toolGroupBottom = axdom("#" + cfg.targetID + "_AX_gridToolGroupBottom");
  4750. var po = [];
  4751. po.push('<a name="' + cfg.targetID + '_AX_top"></a>');
  4752. po.push('<a class="tool-config"><span class="displayNone">congif</span></a>');
  4753. if (cfg.page) {
  4754. if (cfg.page.paging) {
  4755. po.push('<div class="tool-pageGroup">');
  4756. po.push('<a class="tool-prevPage"><span class="displayNone">prev</span></a>');
  4757. po.push('<div class="tool-pageNo"><span id="' + cfg.targetID + '_AX_gridToolTopPageNoDisplay"></span><select id="' + cfg.targetID + '_AX_gridToolTopPageNo"></select></div>');
  4758. po.push('<a class="tool-nextPage"><span class="displayNone">next</span></a>');
  4759. po.push('</div>');
  4760. }
  4761. }
  4762. po.push('<a href="#' + cfg.targetID + '_AX_bottom" class="tool-gotoTop"><span class="displayNone">top</span></a>');
  4763. toolGroupTop.empty();
  4764. toolGroupTop.append(po.join(''));
  4765. po = [];
  4766. po.push('<a name="' + cfg.targetID + '_AX_bottom"></a>');
  4767. po.push('<a class="tool-config"><span class="displayNone">congif</span></a>');
  4768. if (cfg.page) {
  4769. if (cfg.page.paging) {
  4770. po.push('<div class="tool-pageGroup">');
  4771. po.push('<a class="tool-prevPage"><span class="displayNone">prev</span></a>');
  4772. po.push('<div class="tool-pageNo"><span id="' + cfg.targetID + '_AX_gridToolBottomPageNoDisplay"></span><select id="' + cfg.targetID + '_AX_gridToolBottomPageNo"></select></div>');
  4773. po.push('<a class="tool-nextPage"><span class="displayNone">next</span></a>');
  4774. po.push('</div>');
  4775. }
  4776. }
  4777. po.push('<a href="#' + cfg.targetID + '_AX_top" class="tool-gotoBottom"><span class="displayNone">bottom</span></a>');
  4778. toolGroupBottom.empty();
  4779. toolGroupBottom.append(po.join(''));
  4780. var pgCount = this.page.pageCount.number();
  4781. var pageNo = this.page.pageNo.number();
  4782. if (cfg.page) {
  4783. if (cfg.page.paging) {
  4784. if (pgCount == 0) {
  4785. po = [];
  4786. po.push("<option value=\"\">..</option>");
  4787. axdom("#" + cfg.targetID + "_AX_gridToolTopPageNo").html(po.join(''));
  4788. axdom("#" + cfg.targetID + "_AX_gridToolTopPageNoDisplay").html(po.join(''));
  4789. axdom("#" + cfg.targetID + "_AX_gridToolBottomPageNo").html(po.join(''));
  4790. axdom("#" + cfg.targetID + "_AX_gridToolBottomPageNoDisplay").html(po.join(''));
  4791. } else {
  4792. axdom("#" + cfg.targetID + "_AX_gridToolTopPageNo").html("");
  4793. axdom("#" + cfg.targetID + "_AX_gridToolTopPageNoDisplay").html(pageNo);
  4794. var mySelect = axf.getId(cfg.targetID + "_AX_gridToolTopPageNo");
  4795. axdom("#" + cfg.targetID + "_AX_gridToolBottomPageNo").html("");
  4796. axdom("#" + cfg.targetID + "_AX_gridToolBottomPageNoDisplay").html(pageNo);
  4797. var mySelectBottom = axf.getId(cfg.targetID + "_AX_gridToolBottomPageNo");
  4798. for (var p = 1; p < pgCount + 1; p++) {
  4799. mySelect.options[p] = new Option(p, p.money());
  4800. mySelectBottom.options[p] = new Option(p, p.money());
  4801. if (pageNo == p) {
  4802. mySelect.options[p].selected = true;
  4803. mySelectBottom.options[p].selected = true;
  4804. }
  4805. }
  4806. }
  4807. axdom("#" + cfg.targetID + "_AX_gridToolTopPageNo").bind("change", this.onPageChange.bind(this));
  4808. axdom("#" + cfg.targetID + "_AX_gridToolBottomPageNo").bind("change", this.onPageChange.bind(this));
  4809. /* page event bind */
  4810. var goPageMove = this.goPageMove.bind(this);
  4811. toolGroupTop.find(".tool-prevPage").bind("click", function (event) {
  4812. goPageMove(-1);
  4813. });
  4814. toolGroupBottom.find(".tool-prevPage").bind("click", function (event) {
  4815. goPageMove(-1);
  4816. });
  4817. toolGroupTop.find(".tool-nextPage").bind("click", function (event) {
  4818. goPageMove(1);
  4819. });
  4820. toolGroupBottom.find(".tool-nextPage").bind("click", function (event) {
  4821. goPageMove(1);
  4822. });
  4823. /* page event bind */
  4824. }
  4825. var openMobileConfig = this.openMobileConfig.bind(this);
  4826. toolGroupTop.find(".tool-config").bind("click", function (event) {
  4827. openMobileConfig(event);
  4828. });
  4829. toolGroupBottom.find(".tool-config").bind("click", function (event) {
  4830. openMobileConfig(event);
  4831. });
  4832. }
  4833. },
  4834. setPaging: function () {
  4835. var cfg = this.config;
  4836. if (cfg.viewMode == "mobile") {
  4837. this.setMobileTool();
  4838. return;
  4839. }else{
  4840. axdom("#" + cfg.targetID + "_AX_gridToolGroupTop").empty();
  4841. axdom("#" + cfg.targetID + "_AX_gridToolGroupBottom").empty();
  4842. }
  4843. /* apply page vars */
  4844. var pageNos = axf.getId(cfg.targetID + "_AX_gridPageNo");
  4845. var pgCount = this.page.pageCount.number();
  4846. var pageNo = this.page.pageNo.number();
  4847. if (pgCount == 0) {
  4848. var po = [];
  4849. po.push("<option value=\"\">..</option>");
  4850. axdom("#" + cfg.targetID + "_AX_gridPageNo").html(po.join(''));
  4851. } else {
  4852. axdom("#" + cfg.targetID + "_AX_gridPageNo").html("");
  4853. var mySelect = axf.getId(cfg.targetID + "_AX_gridPageNo");
  4854. if (pgCount > 1000) {
  4855. var oi = 0;
  4856. var pageStart = 1;
  4857. var pageEnd = pageNo + 49;
  4858. if (pageNo > 50) pageStart = pageNo - 50;
  4859. if (pageEnd > pgCount) pageEnd = pgCount;
  4860. for (var p = pageStart; p < pageEnd + 1; p++) {
  4861. mySelect.options[oi] = new Option(p, p.money());
  4862. if (pageNo == p) mySelect.options[oi].selected = true;
  4863. oi++;
  4864. }
  4865. } else {
  4866. for (var p = 1; p < pgCount + 1; p++) {
  4867. mySelect.options[p] = new Option(p, p.money());
  4868. if (pageNo == p) mySelect.options[p].selected = true;
  4869. }
  4870. }
  4871. /*alert(axf.getId(cfg.targetID + "_AX_gridPageNo").options[axf.getId(cfg.targetID + "_AX_gridPageNo").options.selectedIndex].value); */
  4872. }
  4873. axdom("#" + cfg.targetID + "_AX_gridPageCount").html("/ " + pgCount.money() + " " + cfg.pageCountMSG);
  4874. axdom("#" + cfg.targetID + "_AX_gridStatus").html(cfg.listCountMSG.replace("{listCount}", this.page.listCount.number().money()));
  4875. if (this.isMobile) {
  4876. axdom("#" + cfg.targetID + "_AX_gridPageNo").bind("change", this.onPageChange.bind(this));
  4877. } else {
  4878. var onPageChange = this.onPageChange.bind(this);
  4879. axdom("#" + cfg.targetID + "_AX_gridPageNo").bindSelect({
  4880. onChange: function (arg) {
  4881. onPageChange();
  4882. }
  4883. });
  4884. }
  4885. },
  4886. goPageMove: function (pageAdd) {
  4887. var cfg = this.config;
  4888. var pgCount = this.page.pageCount.number();
  4889. var pageNo = this.page.pageNo.number();
  4890. if (pageNo + pageAdd < 1) pageNo = 1;
  4891. else if (pageNo + pageAdd > pgCount) pageNo = pgCount;
  4892. else pageNo += pageAdd;
  4893. if (cfg.viewMode == "mobile") {
  4894. axdom("#" + cfg.targetID + "_AX_gridToolTopPageNo").val(pageNo);
  4895. axdom("#" + cfg.targetID + "_AX_gridToolBottomPageNo").val(pageNo);
  4896. this.onPageChange();
  4897. } else {
  4898. axdom("#" + cfg.targetID + "_AX_gridPageNo").setValueSelect(pageNo);
  4899. }
  4900. /*this.page.pageNo = pageNo; */
  4901. /*this.onPageChange(); bindSelectSetValue 시 자동 호출되는 구조 */
  4902. },
  4903. onPageChange: function (e) {
  4904. var cfg = this.config;
  4905. var pgCount, pageNo, npageNo;
  4906. pgCount = this.page.pageCount.number();
  4907. pageNo = this.page.pageNo.number();
  4908. if (cfg.viewMode == "mobile") {
  4909. npageNo = (e) ? e.target.value : axdom("#" + cfg.targetID + "_AX_gridToolTopPageNo").val();
  4910. } else {
  4911. npageNo = axdom("#" + cfg.targetID + "_AX_gridPageNo").val();
  4912. }
  4913. this.page.pageNo = npageNo;
  4914. if(this.page.onchange){
  4915. this.page.onchange.call(this.page, npageNo);
  4916. }else{
  4917. /*스크롤 위치 변경 */
  4918. if (cfg.viewMode != "mobile") {
  4919. var scrollTop = 0;
  4920. this.scrollContent.css({ top: scrollTop });
  4921. this.contentScrollContentSync({ top: scrollTop });
  4922. if (this.pageActive && this.ajaxInfo) {
  4923. this.setList(this.ajaxInfo, null, null, "paging");
  4924. this.contentScrollResize();
  4925. }
  4926. } else {
  4927. if (this.pageActive && this.ajaxInfo) {
  4928. this.setList(this.ajaxInfo, null, null, "paging");
  4929. }
  4930. }
  4931. }
  4932. },
  4933. setStatus: function (listLength) {
  4934. var cfg = this.config;
  4935. var page;
  4936. if (this.page) page = this.page;
  4937. var listCount = (page.listCount || listLength);
  4938. axdom("#" + cfg.targetID + "_AX_gridStatus").html("전체 <b>" + listCount.number().money() + "</b>개의 목록이 있습니다.");
  4939. },
  4940. getSortParam: function (ty) {
  4941. var cfg = this.config;
  4942. var sortObj = this.nowSortHeadObj;
  4943. if (sortObj) {
  4944. if (ty == "one") {
  4945. return "sortBy=" + sortObj.key + " " + sortObj.sort;
  4946. } else {
  4947. return axdom.param({ sortKey: sortObj.key, sortWay: sortObj.sort });
  4948. }
  4949. } else {
  4950. return "";
  4951. }
  4952. },
  4953. getExcelColHeadTd: function (arg) {
  4954. var cfg = this.config;
  4955. var po = [];
  4956. if (arg.formatter == "html" || arg.formatter == "checkbox") {
  4957. if (!arg.displayLabel) {
  4958. colHeadTdText = " colHeadTdHtml";
  4959. toolUse = false;
  4960. if (arg.formatter == "checkbox") {
  4961. colHeadTdText = " colHeadTdCheck";
  4962. arg.tdHtml = "<input type=\"checkbox\" name=\"checkAll\" />";
  4963. }
  4964. }
  4965. }
  4966. po.push("<td" + arg.valign + arg.rowspan + arg.colspan + ">");
  4967. po.push(arg.tdHtml);
  4968. po.push("</td>");
  4969. return po.join('');
  4970. },
  4971. getExcelItem: function (itemIndex, item) {
  4972. var cfg = this.config;
  4973. var tpo = [];
  4974. var evenClassName = "line" + (itemIndex % 2);
  4975. var getFormatterValue = this.getFormatterValue.bind(this);
  4976. var getTooltipValue = this.getTooltipValue.bind(this);
  4977. var trAddClass = "";
  4978. for (var r = 0; r < cfg.body.rows.length; r++) {
  4979. tpo.push("<tr>");
  4980. var colCount = 0;
  4981. axf.each(cfg.body.rows[r], function (CHidx, CH) {
  4982. if (CH.display && CH.colspan > 0) {
  4983. colCount += CH.colspan;
  4984. /*radio, check exception */
  4985. var rowspan = (CH.rowspan > 1) ? " rowspan=\"" + CH.rowspan + "\"" : "";
  4986. var colspan = (CH.colspan > 1) ? " colspan=\"" + CH.colspan + "\"" : "";
  4987. var valign = " valign=\"" + CH.valign + "\" style=\"vertical-align:" + CH.valign + ";\"";
  4988. var bodyNodeClass = "";
  4989. var tooltipValue = "";
  4990. if (CH.tooltip) {
  4991. tooltipValue = getTooltipValue(CH.tooltip, item, itemIndex, item[CH.key], CH.key, CH);
  4992. }
  4993. tpo.push("<td" + valign + rowspan + colspan + ">");
  4994. if (CH.formatter) {
  4995. tpo.push(getFormatterValue(CH.formatter, item, itemIndex, item[CH.key], CH.key, CH));
  4996. } else {
  4997. tpo.push(item[CH.key]);
  4998. }
  4999. tpo.push("</td>");
  5000. }
  5001. });
  5002. tpo.push("</tr>");
  5003. }
  5004. return tpo.join('');
  5005. },
  5006. getExcelItemMarker: function (itemIndex, item, isfix) {
  5007. var cfg = this.config;
  5008. var tpo = [];
  5009. var evenClassName = "gridBodyMarker";
  5010. var getFormatterValue = this.getFormatterValue.bind(this);
  5011. for (var r = 0; r < cfg.body.marker.rows.length; r++) {
  5012. var isLastTR = (cfg.body.marker.rows.length - 1 == r);
  5013. tpo.push("<tr>");
  5014. var colCount = 0;
  5015. axf.each(cfg.body.marker.rows[r], function (CHidx, CH) {
  5016. if (CH.display && CH.colspan > 0) {
  5017. colCount += CH.colspan;
  5018. /*radio, check exception */
  5019. var rowspan = (CH.rowspan > 1) ? " rowspan=\"" + CH.rowspan + "\"" : "";
  5020. var colspan = (CH.colspan > 1) ? " colspan=\"" + CH.colspan + "\"" : "";
  5021. var valign = " valign=\"" + CH.valign + "\" style=\"vertical-align:" + CH.valign + ";\"";
  5022. tpo.push("<td" + valign + rowspan + colspan + ">");
  5023. if (CH.formatter) {
  5024. tpo.push(getFormatterValue(CH.formatter, item, itemIndex, item[CH.key], CH.key, CH));
  5025. } else {
  5026. tpo.push(item[CH.key]);
  5027. }
  5028. tpo.push("</td>");
  5029. }
  5030. });
  5031. tpo.push("</tr>");
  5032. }
  5033. return tpo.join('');
  5034. },
  5035. getExcelHeadDataSet: function (dataSet, isfix) {
  5036. var cfg = this.config;
  5037. if (dataSet == undefined) return;
  5038. var tpo = [];
  5039. var getDataSetFormatterValue = this.getDataSetFormatterValue.bind(this);
  5040. /*dataSet 빈 Key 채우기 */
  5041. axf.each(cfg.colGroup, function () {
  5042. if (dataSet[this.key] == undefined) dataSet[this.key] = "";
  5043. });
  5044. /*dataSet 빈 Key 채우기 ~~~~~~~~~~~~~~~~ */
  5045. for (var r = 0; r < cfg.head.rows.length; r++) {
  5046. var isLastTR = (cfg.head.rows.length - 1 == r);
  5047. tpo.push("<tr>");
  5048. var colCount = 0;
  5049. axf.each(cfg.head.rows[r], function (CHidx, CH) {
  5050. if (CH.display && CH.colspan > 0) {
  5051. colCount += CH.colspan;
  5052. /*radio, check exception */
  5053. var rowspan = (CH.rowspan > 1) ? " rowspan=\"" + CH.rowspan + "\"" : "";
  5054. var colspan = (CH.colspan > 1) ? " colspan=\"" + CH.colspan + "\"" : "";
  5055. var valign = " valign=\"" + CH.valign + "\" style=\"vertical-align:" + CH.valign + ";\"";
  5056. var bodyNodeClass = "";
  5057. if (CH.formatter == "checkbox" || CH.formatter == "radio") bodyNodeClass = " bodyTdCheckBox";
  5058. else if (CH.formatter == "html") bodyNodeClass = " bodyTdHtml";
  5059. tpo.push("<td" + valign + rowspan + colspan + ">");
  5060. if (CH.formatter) {
  5061. tpo.push(getDataSetFormatterValue(CH.formatter, dataSet, dataSet[CH.key], CH.key, CH));
  5062. } else {
  5063. tpo.push(dataSet[CH.key]);
  5064. }
  5065. tpo.push("</td>");
  5066. }
  5067. });
  5068. tpo.push("</tr>");
  5069. }
  5070. return tpo.join('');
  5071. },
  5072. getExcelFootDataSet: function (dataSet, isfix) {
  5073. var cfg = this.config;
  5074. if (dataSet == undefined) return;
  5075. var tpo = [];
  5076. var getDataSetFormatterValue = this.getDataSetFormatterValue.bind(this);
  5077. /*dataSet 빈 Key 채우기 */
  5078. axf.each(cfg.colGroup, function () {
  5079. if (dataSet[this.key] == undefined) dataSet[this.key] = "";
  5080. });
  5081. /*dataSet 빈 Key 채우기 ~~~~~~~~~~~~~~~~ */
  5082. var hasFixed = this.hasFixed;
  5083. for (var r = 0; r < cfg.foot.rows.length; r++) {
  5084. var isLastTR = (cfg.foot.rows.length - 1 == r);
  5085. tpo.push("<tr>");
  5086. var colCount = 0;
  5087. axf.each(cfg.foot.rows[r], function (CHidx, CH) {
  5088. if (CH.display && CH.colspan > 0) {
  5089. colCount += CH.colspan;
  5090. /*radio, check exception */
  5091. var rowspan = (CH.rowspan > 1) ? " rowspan=\"" + CH.rowspan + "\"" : "";
  5092. var colspan = (CH.colspan > 1) ? " colspan=\"" + CH.colspan + "\"" : "";
  5093. var valign = " valign=\"" + CH.valign + "\" style=\"vertical-align:" + CH.valign + ";\"";
  5094. var bottomClass = (CH.isLastCell) ? "" : " bodyBottomBorder";
  5095. var fixedClass = (CH.isFixedEndCell) ? " fixedLine" : "";
  5096. var bodyNodeClass = "";
  5097. if (CH.formatter == "checkbox" || CH.formatter == "radio") bodyNodeClass = " bodyTdCheckBox";
  5098. else if (CH.formatter == "html") bodyNodeClass = " bodyTdHtml";
  5099. tpo.push("<td" + valign + rowspan + colspan + ">");
  5100. if (CH.formatter) {
  5101. tpo.push(getDataSetFormatterValue(CH.formatter, dataSet, dataSet[CH.key], CH.key, CH));
  5102. } else {
  5103. tpo.push(dataSet[CH.key]);
  5104. }
  5105. tpo.push("</td>");
  5106. }
  5107. });
  5108. tpo.push("</tr>");
  5109. }
  5110. return tpo.join('');
  5111. },
  5112. getExcelFormat: function (format) {
  5113. var cfg = this.config;
  5114. var getExcelColHeadTd = this.getExcelColHeadTd.bind(this);
  5115. var bodyHasMarker = this.bodyHasMarker;
  5116. var getExcelItem = this.getExcelItem.bind(this);
  5117. var getExcelItemMarker = this.getExcelItemMarker.bind(this);
  5118. var getMarkerDisplay = this.getMarkerDisplay.bind(this);
  5119. var getHeadDataSet = this.getExcelHeadDataSet.bind(this);
  5120. var getFootDataSet = this.getExcelFootDataSet.bind(this);
  5121. var po = [];
  5122. if (format == "html") {
  5123. po.push("<table border='1'>");
  5124. po.push(" <thead>");
  5125. for (var r = 0; r < cfg.colHead.rows.length; r++) {
  5126. var isLastTR = (cfg.colHead.rows.length - 1 == r);
  5127. po.push("<tr>");
  5128. axf.each(cfg.colHead.rows[r], function (CHidx, CH) {
  5129. if (CH.display && CH.colspan > 0) {
  5130. var tdHtml = CH.label || "untitle";
  5131. var rowspan = (CH.rowspan > 1) ? " rowspan=\"" + CH.rowspan + "\"" : "";
  5132. var colspan = (CH.colspan > 1) ? " colspan=\"" + CH.colspan + "\"" : "";
  5133. var valign = " valign=\"" + CH.valign + "\"";
  5134. po.push(getExcelColHeadTd({
  5135. valign: valign,
  5136. rowspan: rowspan,
  5137. colspan: colspan,
  5138. align: CH.align,
  5139. colSeq: CH.colSeq,
  5140. formatter: CH.formatter,
  5141. sort: CH.sort,
  5142. tdHtml: tdHtml,
  5143. displayLabel: CH.displayLabel
  5144. }));
  5145. }
  5146. });
  5147. po.push("</tr>");
  5148. }
  5149. po.push(" </thead>");
  5150. po.push(" <tbody>");
  5151. if (cfg.head) po.push(getHeadDataSet(this.dataSet));
  5152. axf.each(this.list, function (itemIndex, item) {
  5153. po.push(getExcelItem(itemIndex, item));
  5154. if (bodyHasMarker && getMarkerDisplay(itemIndex, item)) {
  5155. po.push(getExcelItemMarker(itemIndex, item));
  5156. }
  5157. });
  5158. if (cfg.foot) po.push(getFootDataSet(this.dataSet));
  5159. po.push(" </tbody>");
  5160. po.push("</table>");
  5161. return po.join('');
  5162. } else if (format == "json") {
  5163. return {
  5164. colGroup: cfg.colGroup,
  5165. list: this.list
  5166. }
  5167. }
  5168. },
  5169. /**
  5170. * 그리드의 뷰모드를 체인지 합니다.
  5171. * change viewMode
  5172. *
  5173. * @name AXGrid.changeGridView
  5174. * @description
  5175. *
  5176. '''js
  5177. myGrid.changeGridView({
  5178. viewMode:"grid"
  5179. });
  5180. myGrid.changeGridView({
  5181. viewMode:"icon",
  5182. view: {
  5183. width:"200", // icon width
  5184. height:"300", // icon height
  5185. img: {left:"10", top:"10", width:"179", height:"180",style:"border:1px solid #ccc;"},
  5186. label:{left:"10", top:"200", width:"180", height:"20"},
  5187. description: {left:"10", top:"225", width:"180", height:"65", style:"color:#888;"},
  5188. buttons: {
  5189. left:"5", top:"5", width:"180", height:"20", style:"",
  5190. items:[
  5191. {label:"but1", style:"", addClass:"AXButton Green", onclick:function(){
  5192. fnObj.otherFunction(this);
  5193. }},
  5194. {label:"but2", style:"", addClass:"AXButton", onclick:function(){
  5195. fnObj.otherFunction(this);
  5196. }}
  5197. ]
  5198. },
  5199. format: function(){
  5200. return {
  5201. imgsrc : this.item.img,
  5202. label : this.item.title,
  5203. description : this.item.writer+", "+this.item.no+" / " + (this.item.desc || "")
  5204. }
  5205. }
  5206. }
  5207. });
  5208. myGrid.changeGridView({
  5209. viewMode:"mobile"
  5210. });
  5211. *
  5212. */
  5213. changeGridView: function (JSObject) {
  5214. var cfg = this.config;
  5215. if (cfg.viewMode != JSObject.viewMode) {
  5216. cfg.viewMode = JSObject.viewMode;
  5217. if (JSObject.viewMode == "icon") {
  5218. if (JSObject.view) cfg.view = JSObject.view;
  5219. this.redrawGrid("changeGridView");
  5220. } else if (JSObject.viewMode == "grid") {
  5221. //if(JSObject.view) cfg.view = JSObject.view;
  5222. this.redrawGrid("changeGridView");
  5223. } else if (JSObject.viewMode == "mobile") {
  5224. if (JSObject.view) cfg.view = JSObject.view;
  5225. this.redrawGrid("changeGridView");
  5226. }
  5227. }
  5228. },
  5229. /**
  5230. * 모바일 툴바가 클릭되었을 때 이벤트 함수
  5231. * p[en mobile tool
  5232. *
  5233. * @name AXGrid.openMobileConfig
  5234. *
  5235. */
  5236. openMobileConfig: function (event) {
  5237. var cfg = this.config, _this = this;
  5238. //trace(cfg.view.column);
  5239. var mobileView = cfg.view;
  5240. if (mobileView == undefined) {
  5241. var columns = [];
  5242. for (var CG, cidx = 0, __arr = cfg.colGroup; (cidx < __arr.length && (CG = __arr[cidx])); cidx++) {
  5243. var col = null, addClass = "";
  5244. if (CG.widthAstric || CG.width.number() >= 200) {
  5245. col = 4;
  5246. addClass = "underLine";
  5247. } else if (CG.width.number() >= 100) {
  5248. col = 2;
  5249. } else if (CG.width.number() >= 40) {
  5250. //col = 1;
  5251. }
  5252. columns.push(
  5253. {key: CG.key, label: CG.label, col: col, formatter: CG.formatter, addClass: addClass, sort: (CG.sort || ""), display: (CG.display || true)}
  5254. );
  5255. }
  5256. columns = columns.sort(function (pItem, nItem) {
  5257. var v1 = pItem.col;
  5258. var v2 = nItem.col;
  5259. if (v1 < v2) return 1;
  5260. else if (v1 > v2) return -1;
  5261. else if (v1 == v2) return 0;
  5262. });
  5263. mobileView = {
  5264. labelView: true,
  5265. column: columns
  5266. };
  5267. cfg.view = mobileView;
  5268. }
  5269. for (var CN, cidx = 0, __arr = mobileView.column; (cidx < __arr.length && (CN = __arr[cidx])); cidx++) {
  5270. if (CN.display == undefined || CN.display == true) {
  5271. CN.display = true;
  5272. CN.checked = true;
  5273. }
  5274. }
  5275. var contextMenu = mobileView.column.concat();
  5276. try{
  5277. AXContextMenu.setConfig({responsiveMobile: cfg.mediaQuery.mx.max});
  5278. }catch(e){
  5279. AXContextMenu.setConfig({responsiveMobile: 640});
  5280. }
  5281. AXContextMenu.bind({
  5282. id: cfg.targetID + "myContextMenu",
  5283. theme: "AXContextMenu", // 선택항목
  5284. width: "150", // 선택항목
  5285. checkbox: "checkbox", // [checkbox|radio]
  5286. sortbox: true,
  5287. menu: contextMenu,
  5288. onchange: function () { // 체크박스 선택값이 변경 된 경우 호출 됩니다.
  5289. for (var CN, cidx = 0, __arr = this.menu; (cidx < __arr.length && (CN = __arr[cidx])); cidx++) {
  5290. CN.display = CN.checked;
  5291. }
  5292. cfg.view.column = axf.copyObject(this.menu);
  5293. _this.printList();
  5294. },
  5295. onsort: function () { // 정렬이 변경 된 경우 호출 됩니다.
  5296. //trace(this.sortMenu);
  5297. _this.list = _this.sortList(this.sortMenu.sort, this.sortMenu, _this.list);
  5298. _this.printList();
  5299. return true;// 메뉴 창이 닫히지 않게 합니다.
  5300. }
  5301. });
  5302. AXContextMenu.open({id: cfg.targetID + "myContextMenu"}, event);
  5303. }
  5304. });