API-SCOPE 맵핑 LiveSearch 기능 추가

2025-12-09 19:44:33 +09:00
parent cce246831c
commit 4db4f0dc0e
1 changed files with 190 additions and 169 deletions
@@ -13,11 +13,30 @@
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <jsp:include page="/jsp/common/include/css.jsp"/>
 <jsp:include page="/jsp/common/include/script.jsp"/>
-<script language="javascript" >
-var url      = '<c:url value="/onl/admin/authserver/apiScopeMan.json" />';
-var url_view = '<c:url value="/onl/admin/authserver/apiScopeMan.view" />';

-function isValid(){
+<link href="<c:url value="/addon/bootstrap-5.3.2/css/bootstrap.min.css"/>" rel="stylesheet" />
+<script src="<c:url value="/addon/bootstrap-5.3.2/js/bootstrap.bundle.min.js"/>"></script>
+<link href="<c:url value="/addon/select2-4.1.0/css/select2.min.css"/>" rel="stylesheet" />
+<link href="<c:url value="/addon/select2-4.1.0/css/select2-bootstrap.min.css"/>" rel="stylesheet" />
+<script src="<c:url value="/addon/select2-4.1.0/js/select2.min.js"/>"></script>
+<style>
+
+.select2-container--bootstrap {
+    display: inline-block;
+    height: 50px;
+    margin-top: 12;
+}
+
+</style>
+
+
+	<script language="javascript" >
+	var url      = '<c:url value="/onl/admin/authserver/apiScopeMan.json" />';
+	var url_view = '<c:url value="/onl/admin/authserver/apiScopeMan.view" />';
+	
+	$.fn.select2.defaults.set( "theme", "bootstrap" );
+	
+	function isValid(){
 		if($('select[name=bzwkSvcKeyName]').val() == ""){
 			alert("API를 선택하여 주십시요.");
 			$('select[name=bzwkSvcKeyName]').focus();
@@ -30,9 +49,9 @@ function isValid(){
 		}
 		
 		return true;
-}
+	}
 	
-$(document).ready(function() {
+	$(document).ready(function() {
 		var gridPostData = getSearchForJqgrid("cmd","LIST");
 		$('#grid').jqGrid({
 			datatype:"json",
@@ -172,15 +191,15 @@ $(document).ready(function() {
 		
 		buttonControl();
 		init();
-});
+	});
 	
-function addDeleteButton(cellvalue, options, rowObject) {
+	function addDeleteButton(cellvalue, options, rowObject) {
 		var rowId = options["rowId"];
 		return "<img id='btn_pop_delete' name='img_" + rowId
 				+ "' src=<c:url value='/img/btn_pop_delete.png' /> />";
-}
+	}
 	
-function init() {
+	function init() {
 		$.ajax({
 			type : "POST",
 			url:url,
@@ -195,13 +214,15 @@ function init() {
 				if (typeof callback === 'function') {
 					callback();
 				}
+                $('select[name=bzwkSvcKeyName]').select2();
+                $('select[name=scopeId]').select2()
 			},
 			error:function(e){
 				alert(e.responseText);
 			}
 		});
-}
-</script>
+	}
+	</script>
 </head>
 	<body>
 		<div class="right_box">