E-bom 선택 한 row 하이라이트 표시

WebContent/WEB-INF/view/partMng/structurePopupLeft.jsp

@@ -39,6 +39,12 @@
 .tabulator-row.level-9 { background-color: #FFFFEB !important; }
 .tabulator-row.level-10 { background-color: #ffffff !important; }
 
+/* 선택된 행 하이라이트 스타일 */
+.tabulator-row.row-selected {
+	background-color: #b8daff !important;
+	border: 1px solid #007bff !important;
+}
+
 /* 파일 아이콘 스타일은 basic.css에서 관리 */
 </style>
 <script>
@@ -94,14 +100,6 @@ function fn_initGrid() {
 					'data-PART_OBJID="' + rowData.PART_OBJID + '" ' +
 					'data-BOM_LAST_PART_OBJID="' + rowData.BOM_LAST_PART_OBJID + '">';
 			},
-			cellClick: function(e, cell) {
-				var radio = $(e.target);
-				if(radio.is(':radio')) {
-					selectedRowData = cell.getData();
-					// 다른 라디오 버튼 해제
-					$('input[name=checkedPartNo]').not(radio).prop('checked', false);
-				}
-			}
 		}
 	];
 	
@@ -326,6 +324,26 @@ function fn_initGrid() {
 		}
 	});
 	
+	// 행 클릭 시 선택 처리 이벤트
+	_tabulGrid.on("rowClick", function(e, row) {
+		// 라디오 버튼이나 링크 클릭 시에는 기본 동작 유지
+		if($(e.target).is('input[type=radio], a')) {
+			return;
+		}
+		
+		// 기존 선택 해제
+		$('.tabulator-row.row-selected').removeClass('row-selected');
+		$('input[name=checkedPartNo]').prop('checked', false);
+		
+		// 현재 행 선택
+		$(row.getElement()).addClass('row-selected');
+		var rowData = row.getData();
+		selectedRowData = rowData;
+		
+		// 해당 행의 라디오 버튼 선택
+		$(row.getElement()).find('input[name=checkedPartNo]').prop('checked', true);
+	});
+	
 	// 파일 아이콘 클릭 이벤트 (동적으로 생성된 요소)
 	$(document).on('click', '.File', function(e) {
 		e.preventDefault();