그리드 병합처리 구현

src/main/webapp/js/app/pomng/ITP_POMNG03011.js

@@ -49,28 +49,41 @@ let API_DETAIL_PASSQTY 		    = '/api/stock/mng/whs-passqty-list';			// 창고선
 
 
 /*화면 Grid ColModel*/
+function arrtSetting(rowId, val, rawObject, cm) {
+	if(typeof rawObject.attr=='object' ) {
+		var attr = rawObject.attr[cm.name], result=null;
+		if(attr ) {
+			if (attr.rowspan) {
+				result = ' rowspan=' + '"' + attr.rowspan + '"';
+			} else if (attr.display) {
+				result = ' style="display:' + attr.display + '"';
+			}
+		}
+		return result;
+	}
+}
 const gridColModel = {
 	list: [
 		{
 			index: 'BRAND_NM', name: 'brandNm',
 			label: '브랜드',
-			width: '10', fixed: false, align: 'left',
-			minwidth: 120,
-			sortable: false, hidden: false, classes: 'ui-ellipsis'
-		},
-		{
-			index: 'BRAND_NM', name: 'brandNm',
-			label: '납품장소',
-			width: '10', fixed: false, align: 'left',
+			width: '10', fixed: false, align: 'center',
 			minwidth: 120,
-			sortable: false, hidden: false, classes: 'ui-ellipsis'
+			sortable: false, hidden: false, classes: 'ui-ellipsis', cellattr: arrtSetting
 		},
 		{
 			index: 'PCH_REQ_UNQ_NO', name: 'pchReqUnqNo',
 			label: '구매요청번호', 
 			width: '11', fixed: false, align: 'center',
 			minwidth: 180,
-			sortable: false, hidden: false
+			sortable: false, hidden: false, cellattr: arrtSetting
+		},
+		{
+			index: 'WHS_NM', name: 'whsNm',
+			label: '납품장소',
+			width: '10', fixed: false, align: 'left',
+			minwidth: 120,
+			sortable: false, hidden: false, classes: 'ui-ellipsis', cellattr: arrtSetting
 		},
 		{
 			index: 'ITEM_ID', name: 'itemId',
@@ -632,6 +645,7 @@ let pageObj = {
 };
 
 /*목록화면 Object*/
+
 let listObj = {
 	init: function () {
 		this.grid.init();
@@ -734,9 +748,9 @@ let listObj = {
 			this.load();
 		},
 		load: function() {
+
 			let param = $('#ITP_FORM_POMNG03011_SEARCH').serializeObject();
-			param.gridSize = $.jgrid.defaults.rowNum;
-			
+			// param.gridSize = $.jgrid.defaults.rowNum;
 			var option = {
 				multiselect: true,
 				autowidth: true,
@@ -744,10 +758,61 @@ let listObj = {
 				colModel: gridColModel.list,
 				param: param,
 				url: DOMAIN + API_DETAIL_GRID_LIST,
-				pager: POMNG03011_GRID_PAGER,
-				rownumbers: false,
-				loadComplete: function(data) {
+				// pager: POMNG03011_GRID_PAGER,
+				rownumbers: false, 
+				
+				beforeProcessing: function(data) { 
+					var rows=data.gridRows;
+					var cnt=rows.length, prev1='', prev2='', sp1=0, sp2=0;
+					var displayAttr=function(sp, ep, field) {
+						var rs=ep-sp;
+						if( rs>1 ) {
+							for(var n=sp; n<ep; n++) {
+								var cur=rows[n], attr=cur.attr;
+								if(!attr.hasOwnProperty(field) ) {
+									attr[field]={};
+								}
+								if(n==sp) {
+									attr[field].rowspan=rs;
+								} else {
+									attr[field].display='none';
+								}
+							}
+						}
+						//attr: {country: {display: "none"}, state: {display: "none"}} 
+					};
+					for(var n=0;n<=cnt; n++) {
+						if(n==cnt) {
+							displayAttr(sp1, n, 'pchReqUnqNo');
+							displayAttr(sp2, n, 'whsNm');
+							break;
+						} 
+						var cur=rows[n];
+						if(n==0) {
+							cur.attr={brandNm: {rowspan:cnt}};
+						} else {
+							cur.attr={brandNm: {display: "none"}};
+						}
+						if(prev2!=cur.whsNm) {							
+							displayAttr(sp2, n, 'whsNm');
+							sp2=n;
+							prev2=cur.whsNm;
+						}
+						if(prev1!=cur.pchReqUnqNo) {
+							displayAttr(sp1, n, 'pchReqUnqNo');
+							displayAttr(sp2, n, 'whsNm');
+							sp1=sp2=n;
+							prev2=cur.whsNm;
+							prev1=cur.pchReqUnqNo;
+						}
+						
+					}
+					console.log("load data==>", rows);
+
+				}, 
+				loadComplete: function(data) {  
 					itp_fn_grid_load_complete(data, POMNG03011_GRID_ID, true, 'number', 'POMNG03011', listObj.itp_POMNG03011_search, listObj.empty, true, data.gridRecords, true);
+					 
 					var ids = $(POMNG03011_GRID_ID).getDataIDs();
 					var css = {'background-color':'#FFCCCC'};
 					$.each(ids, function(idx, rowId) {
@@ -755,6 +820,7 @@ let listObj = {
 						$(POMNG03011_GRID_ID).jqGrid('setCell', rowId, 'dlvReqDt', '', css);
 						$(POMNG03011_GRID_ID).jqGrid('setCell', rowId, 'whsNm', '', css);
 					});
+					// $(POMNG03011_GRID_ID).trigger("reloadGrid");
 					$(POMNG03011_GRID_ID).setSelection(1, true);
 				},
 				onPaging: function(action) {
@@ -762,6 +828,7 @@ let listObj = {
 				}
 			};
 			itp_fn_grid_make_remote(option);
+			
 		},
 		button: {
 		},