그리드 오츰차순

src/main/webapp/js/app/stinfo/ITP_STINFO01010.js

@@ -289,6 +289,43 @@ let listObj = {
                     $.each(ids, function(idx, rowId) {
                         $(STINFO01010_GRID_ID).jqGrid('setCell', rowId, 'brandId', '', ITP_GRID_COL_STYLE.link);
                     });
+                    const self=this;
+					if(self.sortUse) return;
+					self.sortUse=true;
+					$(OPER02010_GRID_LIST).find('.ui-jqgrid-labels .ui-th-div').css('cursor','default');
+					$(OPER02010_GRID_LIST).find('.ui-jqgrid-labels .ui-th-div').eq(2).css('cursor','pointer');
+					$(OPER02010_GRID_LIST).find('.ui-jqgrid-labels .ui-th-div').eq(8).css('cursor','pointer');
+					$(OPER02010_GRID_LIST).find('.ui-jqgrid-labels>th').on('click', function() {
+						const idx=$(this).index();
+						console.log("xxxx grid header click xxxxxxx index=="+idx, param );
+						if(idx==2 || idx==8 ) {
+							var field='',sort=self['sort'+idx];
+							if(sort ) {
+								sort=sort=='asc'?'desc':'asc';
+							} else {
+								// 등록일 내림차순, 제목 오름차순
+								sort=idx==2? 'asc':idx==8? 'desc': 'asc';
+							}
+							const icon=sort=='asc'? '.glyphicon-triangle-bottom': '.glyphicon-triangle-top'; 
+							self['sort'+idx]=sort;
+							if(idx==2) {
+								field='nticeTitl';
+							} else if(idx==8) {
+								field='addDt';
+							} 
+							param.page=1;
+							param.sidx=field;
+							param.sord=sort;
+							
+							$(OPER02010_GRID_ID).jqGrid('setGridParam',{
+								postData:JSON.stringify(param)
+							}).trigger('reloadGrid');
+							$(this).find('.s-ico').show();
+							$(this).find('.ui-grid-ico-sort').hide();
+							$(this).find(icon).show();
+
+						}
+					});
                 },
                 onPaging: function(action) {
                     itp_fn_grid_paging(STINFO01010_GRID_ID, action, param);

src/main/webapp/js/app/stinfo/ITP_STINFO02010.js

@@ -389,6 +389,43 @@ let listObj = {
 					$.each(ids, function(idx, rowId) {
 						$(STINFO02010_GRID_ID).jqGrid('setCell', rowId, 'storeId', '', ITP_GRID_COL_STYLE.link);
 					});
+					const self=this;
+					if(self.sortUse) return;
+					self.sortUse=true;
+					$(STINFO02010_GRID_LIST).find('.ui-jqgrid-labels .ui-th-div').css('cursor','default');
+					$(STINFO02010_GRID_LIST).find('.ui-jqgrid-labels .ui-th-div').eq(2).css('cursor','pointer');
+					$(STINFO02010_GRID_LIST).find('.ui-jqgrid-labels .ui-th-div').eq(4).css('cursor','pointer');
+					$(STINFO02010_GRID_LIST).find('.ui-jqgrid-labels>th').on('click', function() {
+						const idx=$(this).index();
+						console.log("xxxx grid header click xxxxxxx index=="+idx, param );
+						if(idx==2 || idx==4 ) {
+							var field='',sort=self['sort'+idx];
+							if(sort ) {
+								sort=sort=='asc'?'desc':'asc';
+							} else {
+								// 등록일 내림차순, 제목 오름차순
+								sort=idx==2? 'asc':idx==4? 'desc': 'asc';
+							}
+							const icon=sort=='asc'? '.glyphicon-triangle-bottom': '.glyphicon-triangle-top'; 
+							self['sort'+idx]=sort;
+							if(idx==2) {
+								field='storeNm';
+							} else if(idx==4) {
+								field='brandNm';
+							} 
+							param.page=1;
+							param.sidx=field;
+							param.sord=sort;
+							
+							$(STINFO02010_GRID_ID).jqGrid('setGridParam',{
+								postData:JSON.stringify(param)
+							}).trigger('reloadGrid');
+							$(this).find('.s-ico').show();
+							$(this).find('.ui-grid-ico-sort').hide();
+							$(this).find(icon).show();
+
+						}
+					});
 				},
 				onPaging: function(action) {
 					itp_fn_grid_paging(STINFO02010_GRID_ID, action, param);

src/main/webapp/js/app/stinfo/ITP_STINFO03010.js

@@ -443,6 +443,43 @@ let listObj = {
 					$.each(ids, function(idx, rowId) {
 						$(STINFO03010_GRID_ID).jqGrid('setCell', rowId, 'spplyId', '', ITP_GRID_COL_STYLE.link);
 					});
+					const self=this;
+					if(self.sortUse) return;
+					self.sortUse=true;
+					$(STINFO03010_GRID_LIST).find('.ui-jqgrid-labels .ui-th-div').css('cursor','default');
+					$(STINFO03010_GRID_LIST).find('.ui-jqgrid-labels .ui-th-div').eq(2).css('cursor','pointer');
+					$(STINFO03010_GRID_LIST).find('.ui-jqgrid-labels .ui-th-div').eq(4).css('cursor','pointer');
+					$(STINFO03010_GRID_LIST).find('.ui-jqgrid-labels>th').on('click', function() {
+						const idx=$(this).index();
+						console.log("xxxx grid header click xxxxxxx index=="+idx, param );
+						if(idx==2 || idx==4 ) {
+							var field='',sort=self['sort'+idx];
+							if(sort ) {
+								sort=sort=='asc'?'desc':'asc';
+							} else {
+								// 등록일 내림차순, 제목 오름차순
+								sort=idx==2? 'asc':idx==4? 'desc': 'asc';
+							}
+							const icon=sort=='asc'? '.glyphicon-triangle-bottom': '.glyphicon-triangle-top'; 
+							self['sort'+idx]=sort;
+							if(idx==2) {
+								field='spplyNm';
+							} else if(idx==4) {
+								field='brandNm';
+							} 
+							param.page=1;
+							param.sidx=field;
+							param.sord=sort;
+							
+							$(STINFO03010_GRID_ID).jqGrid('setGridParam',{
+								postData:JSON.stringify(param)
+							}).trigger('reloadGrid');
+							$(this).find('.s-ico').show();
+							$(this).find('.ui-grid-ico-sort').hide();
+							$(this).find(icon).show();
+
+						}
+					});
 				},
 				onPaging: function(action) {
 					itp_fn_grid_paging(STINFO03010_GRID_ID, action, param);

src/main/webapp/js/app/stinfo/ITP_STINFO04010.js

@@ -733,6 +733,42 @@ let listObj = {
                     $.each(ids, function(idx, rowId) {
                         $(STINFO04010_GRID_ID).jqGrid('setCell', rowId, 'itemId', '', ITP_GRID_COL_STYLE.link);
                     });
+                    const self=this;
+					if(self.sortUse) return;
+					self.sortUse=true;
+					$(STINFO04010_GRID_LIST).find('.ui-jqgrid-labels .ui-th-div').css('cursor','default');
+					$(STINFO04010_GRID_LIST).find('.ui-jqgrid-labels .ui-th-div').eq(4).css('cursor','pointer');
+					$(STINFO04010_GRID_LIST).find('.ui-jqgrid-labels>th').on('click', function() {
+						const idx=$(this).index();
+						console.log("xxxx grid header click xxxxxxx index=="+idx, param );
+						if(idx==4 || idx==5 ) {
+							var field='',sort=self['sort'+idx];
+							if(sort ) {
+								sort=sort=='asc'?'desc':'asc';
+							} else {
+								// 등록일 내림차순, 제목 오름차순
+								sort=idx==4? 'asc':idx==5? 'desc': 'asc';
+							}
+							const icon=sort=='asc'? '.glyphicon-triangle-bottom': '.glyphicon-triangle-top'; 
+							self['sort'+idx]=sort;
+							if(idx==4) {
+								field='itemNm';
+							} else if(idx==5) {
+								field='brandNm';
+							} 
+							param.page=1;
+							param.sidx=field;
+							param.sord=sort;
+							
+							$(STINFO04010_GRID_ID).jqGrid('setGridParam',{
+								postData:JSON.stringify(param)
+							}).trigger('reloadGrid');
+							$(this).find('.s-ico').show();
+							$(this).find('.ui-grid-ico-sort').hide();
+							$(this).find(icon).show();
+
+						}
+					});
                 },
                 onPaging: function(action) {
                     itp_fn_grid_paging(STINFO04010_GRID_ID, action, param);

src/main/webapp/js/app/stinfo/ITP_STINFO05010.js

@@ -489,6 +489,42 @@ let listObj = {
 						$(STINFO05010_GRID_ID).jqGrid('setCell', rowId, 'itemId', '', ITP_GRID_COL_STYLE.link);
 					});
 					$(STINFO05010_GRID_ID).jqGrid('hideCol', 'cb');
+					const self=this;
+					if(self.sortUse) return;
+					self.sortUse=true;
+					$(STINFO05010_GRID_LIST).find('.ui-jqgrid-labels .ui-th-div').css('cursor','default');
+					$(STINFO05010_GRID_LIST).find('.ui-jqgrid-labels .ui-th-div').eq(4).css('cursor','pointer');
+					$(STINFO05010_GRID_LIST).find('.ui-jqgrid-labels>th').on('click', function() {
+						const idx=$(this).index();
+						console.log("xxxx grid header click xxxxxxx index=="+idx, param );
+						if(idx==4 || idx==5 ) {
+							var field='',sort=self['sort'+idx];
+							if(sort ) {
+								sort=sort=='asc'?'desc':'asc';
+							} else {
+								// 등록일 내림차순, 제목 오름차순
+								sort=idx==4? 'asc':idx==5? 'desc': 'asc';
+							}
+							const icon=sort=='asc'? '.glyphicon-triangle-bottom': '.glyphicon-triangle-top'; 
+							self['sort'+idx]=sort;
+							if(idx==4) {
+								field='itemNm';
+							} else if(idx==5) {
+								field='brandNm';
+							} 
+							param.page=1;
+							param.sidx=field;
+							param.sord=sort;
+							
+							$(STINFO05010_GRID_ID).jqGrid('setGridParam',{
+								postData:JSON.stringify(param)
+							}).trigger('reloadGrid');
+							$(this).find('.s-ico').show();
+							$(this).find('.ui-grid-ico-sort').hide();
+							$(this).find(icon).show();
+
+						}
+					});
 				},
 				onPaging: function(action) {
 					itp_fn_grid_paging(STINFO05010_GRID_ID, action, param);

src/main/webapp/js/app/stinfo/ITP_STINFO06010.js

@@ -646,6 +646,42 @@ let listObj = {
 					$.each(ids, function(idx, rowId) {
 						$(STINFO06010_GRID_ID).jqGrid('setCell', rowId, 'contSttDt', '', ITP_GRID_COL_STYLE.link);
 					});
+					const self=this;
+					if(self.sortUse) return;
+					self.sortUse=true;
+					$(STINFO06010_GRID_LIST).find('.ui-jqgrid-labels .ui-th-div').css('cursor','default');
+					$(STINFO06010_GRID_LIST).find('.ui-jqgrid-labels .ui-th-div').eq(3).css('cursor','pointer');
+					$(STINFO06010_GRID_LIST).find('.ui-jqgrid-labels>th').on('click', function() {
+						const idx=$(this).index();
+						console.log("xxxx grid header click xxxxxxx index=="+idx, param );
+						if(idx==3 || idx==5 ) {
+							var field='',sort=self['sort'+idx];
+							if(sort ) {
+								sort=sort=='asc'?'desc':'asc';
+							} else {
+								// 등록일 내림차순, 제목 오름차순
+								sort=idx==3? 'asc':idx==5? 'desc': 'asc';
+							}
+							const icon=sort=='asc'? '.glyphicon-triangle-bottom': '.glyphicon-triangle-top'; 
+							self['sort'+idx]=sort;
+							if(idx==3) {
+								field='itemNm';
+							} else if(idx==5) {
+								field='brandNm';
+							} 
+							param.page=1;
+							param.sidx=field;
+							param.sord=sort;
+							
+							$(STINFO06010_GRID_ID).jqGrid('setGridParam',{
+								postData:JSON.stringify(param)
+							}).trigger('reloadGrid');
+							$(this).find('.s-ico').show();
+							$(this).find('.ui-grid-ico-sort').hide();
+							$(this).find(icon).show();
+
+						}
+					});
 				},
 				onPaging: function(action) {
 					itp_fn_grid_paging(STINFO06010_GRID_ID, action, param);