Как получить доступ и отобразить детали из базы данных в новом всплывающем окне? - PullRequest
Новая
       1

Как получить доступ и отобразить детали из базы данных в новом всплывающем окне?

0 голосов
/ 27 ноября 2018

На моем портале мне нужно дать кнопку поиска (на домашней странице), чтобы пользователь мог искать любой актив в организации. Мой код работает неправильно.После передачи имени хоста актива, если актив отсутствует, он показывает «актив не найден», но если он присутствует, то он показывает детали последнего актива, который был найден до того, как мы обновили страницу.Я устанавливаю атрибут в контроллере и пытаюсь отобразить детали с помощью Jstl в новом окне.Короче говоря, после поиска мне нужно обновить страницу и снова поискать, чтобы увидеть детали.Я понимаю, что сталкиваюсь с этой проблемой, потому что я устанавливаю атрибут, но не знаю, как преодолеть это.

Assetdetails.jsp 

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet"
	href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css"
	integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ"
	crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js"
	integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n"
	crossorigin="anonymous"></script>
<script
	src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js"
	integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb"
	crossorigin="anonymous"></script>
<link href="https://fonts.googleapis.com/css?family=Open+Sans"
	rel="stylesheet">
<link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css"
	rel="stylesheet">
<style type="text/css">
</style>


</head>

<body>
	<%-- ${DIsplayAssetObject}	 --%>


	<c:if
		test="${DIsplayAssetObject['class'] == 'class model.Asset_View_Assigned'}">
		
		<h5>This Asset has been assigned to user.</h5>
		<br>
		<ul>
			<li><span style="font-weight: bold"> AssetID: </span>${DIsplayAssetObject.assetID}</li>
		</ul>
		<ul>
			<li><span style="font-weight: bold"> AssetSerial: </span>${DIsplayAssetObject.assetSerial}</li>
		</ul>
		<ul>
			<li><span style="font-weight: bold"> AssetType: </span>${DIsplayAssetObject.assetType}</li>
		</ul>
		<ul>
			<li><span style="font-weight: bold"> AssetModel: </span>${DIsplayAssetObject.assetModel}</li>
		</ul>
		<ul>
			<li><span style="font-weight: bold"> AssetOwner: </span>${DIsplayAssetObject.assetOwner}</li>
		</ul>
		<ul>
			<li><span style="font-weight: bold"> Workstation: </span>${DIsplayAssetObject.workstation}</li>
		</ul>
		<ul>
			<li><span style="font-weight: bold"> Building: </span>${DIsplayAssetObject.building}</li>
		</ul>
		<ul>
			<li><span style="font-weight: bold"> ODC: </span>${DIsplayAssetObject.ODC}</li>
		</ul>
		<ul>
			<li><span style="font-weight: bold"> OS: </span>${DIsplayAssetObject.OS}</li>
		</ul>
		<ul>
			<li><span style="font-weight: bold"> DomainName: </span>${DIsplayAssetObject.domainName}</li>
		</ul>
		<ul>
			<li><span style="font-weight: bold"> Project: </span>${DIsplayAssetObject.project}</li>
		</ul>
		<ul>
			<li><span style="font-weight: bold"> Location: </span>${DIsplayAssetObject.location}</li>
		</ul>
	</c:if>

	

	<c:if
		test="${DIsplayAssetObject['class'] == 'class model.Asset_View_BuildingStock'}">
		
		<h5>This Asset has been assigned to building.</h5>
		<br>
		<ul>
			<li><span style="font-weight: bold"> AssetID: </span>${DIsplayAssetObject.assetID}</li>
		</ul>
		<ul>
			<li><span style="font-weight: bold"> AssetSerial: </span>${DIsplayAssetObject.assetSerial}</li>
		</ul>
		<ul>
			<li><span style="font-weight: bold"> AssetType: </span>${DIsplayAssetObject.assetType}</li>
		</ul>
		<ul>
			<li><span style="font-weight: bold"> AssetModel: </span>${DIsplayAssetObject.assetModel}</li>
		</ul>
		<ul>
			<li><span style="font-weight: bold"> Building: </span>${DIsplayAssetObject.building}</li>
		</ul>
		<ul>
			<li><span style="font-weight: bold"> Location: </span>${DIsplayAssetObject.location}</li>
		</ul>
	</c:if>
	
	<c:if
		test="${DIsplayAssetObject['class'] == 'class model.Asset'}">
		
		<h5>This Asset is with Asset Team.</h5>
		<br>
		<ul>
			<li><span style="font-weight: bold"> AssetID: </span>${DIsplayAssetObject.assetID}</li>
		</ul>
		<ul>
			<li><span style="font-weight: bold"> AssetSerial: </span>${DIsplayAssetObject.assetSerial}</li>
		</ul>
		<ul>
			<li><span style="font-weight: bold"> AssetType: </span>${DIsplayAssetObject.assetType}</li>
		</ul>
		<ul>
			<li><span style="font-weight: bold"> AssetModel: </span>${DIsplayAssetObject.assetModel}</li>
		</ul>
		<ul>
			<li><span style="font-weight: bold"> Location: </span>${DIsplayAssetObject.location}</li>
		</ul>
	</c:if>

</body>
</html>

Домашняя страница 

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>ASSET OWNER HOME</title>
<link rel="stylesheet"
	href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css"
	integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ"
	crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js"
	integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n"
	crossorigin="anonymous"></script>
<script
	src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js"
	integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb"
	crossorigin="anonymous"></script>
<link href="https://fonts.googleapis.com/css?family=Open+Sans"
	rel="stylesheet">
<link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css"
	rel="stylesheet">
<style type="text/css">


.jumbotron {
	padding-left:30% !important;
    padding-right:30% !important;
    margin-left:20% !important;
/*  	background-position: center;
  	width: 30% !important;*/
	opacity: 1;
}

.card-columns {
	/* padding-left:20% !important;
    padding-right:20% !important; */
    margin-left:44% !important;
	width: 100% !important;
	height: 0% !important; 
	opacity: 1;
/* 	background-position: center;
 */	
}
/*  .layer {
    background-color: black;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
} */

.modal-body {
  height: 600px;
  overflow: auto;
}


.modal-backdrop {
background-color: #424530;
}

.modal-backdrop.fade.in
{
opacity: .8; 
}

</style>
<script>
   $(document).ready(function(){
	  //alert("ready");
        $("#messageTable").hide();
         $("#viewmodal").hide();
         $("#viewmodel2").hide();

   }); 
  
  
   
   
  
       function CheckAsset(inputString) {
    	
        if (inputString.length == 0) {
            document.getElementById("message").innerHTML = "";
            return;
        }
        try {
            if (window.XMLHttpRequest)
                xmlHttp = new XMLHttpRequest();
            else if (window.ActiveXObject)
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
            if (!xmlHttp || xmlHttp == null) {
                return;
            }
            var url = "Ajax?Ajax=jumbotronAssetdetails&assetID=" + inputString; 
           // var url = "Ajax?Ajax=Check_AssetId_Asset&Assetid=" + inputString;
            //alert(url);
            xmlHttp.onreadystatechange = StateChanged;
            //alert(url);
            xmlHttp.open("GET", url, true);
            xmlHttp.send(null);
        } catch (e) {
            document.getElementById("message").innerHTML = "An error occured";
        }
    }
       
       
    function StateChanged() {
    	
        if ((xmlHttp.readyState == 4) && (xmlHttp.status == 200)) {
        	var response= xmlHttp.responseText;
        	response=response.trim();
        	
        	if(response == "false")
        		{
        		   document.getElementById("message").innerHTML = "Asset doesnot exist";
        		   $("#messageTable").show();

        		}
        	 else
        		{ 
        		 
        		  
      		   $("#messageTable").hide();
      		 document.getElementById("viewmodal").click();

        	    } 
        }
    } 
    
    

   
    
</script>

</head>
<body onload="NewAssettoDisplayAO()">
	<jsp:include page="NavAO.jsp" />
	
				
	
	<div class="container" style="margin: 100px 10px 10px 20px;">.
	<br>
		<h3 style="color: black;">Welcome Asset Owner.</h3>
		<br>
			<div class="card-columns">
				<div class="card bg-success">
					<div class="card-body text-center">
					<p class="card-text">
						<strong>New Assets Requests</strong>
					</p>
					<p class="card-text" id="NewAssettoDisplayAOCount"></p>
					</div>
				</div>
			</div>
			
			
			
		<div class="jumbotron jumbotron-fluid">
		
			<div class="form-inline justify-content-center">
				<div class="form-group mx-sm-3 mb-2">
					<input type="text" class="form-control" style="width: 350px;"
						id="assetID" placeholder="Hostname">
				</div>
				<button type="button" id="show" class="btn btn-success btn-sm mb-2"
					onClick="CheckAsset(assetID.value)">SEARCH</button>
					
					
			</div>
						


			 <div id="messageTable">
				<div class="form-row form-inline justify-content-center">
					<div id="message"
						style="margin-left: 0px; color: green;"></div>
				</div>
				
				
				
			</div>
			 
			
			
		</div >
		
		<div class="row" id="model">

<!-- Button trigger modal -->
<button class="btn btn-primary btn-sm mb-2" data-toggle="modal" data-target="#myModal" id="viewmodal">
View</button>

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h4 class="modal-title" id="myModalLabel"><center>Asset Details</center></h4>
      </div>

<div class="modal-body">
        <iframe src="AssetDetails.jsp" id="info" class="iframe" name="info" seamless="" height="100%" width="100%"></iframe>
      </div>

    </div>
  </div>
</div> <!-- /#myModal -->

<br><br><br><br><br>

    

	</div>  <!-- /.row -->
		
		
	</div>
	
	<script type="text/javascript">
	 var xmlHttp;
    
	
    function NewAssettoDisplayAO() {
    
        try {
            if (window.XMLHttpRequest)
                xmlHttp = new XMLHttpRequest();
            else if (window.ActiveXObject)
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
            if (!xmlHttp || xmlHttp == null) {
                return;
            }
            var url = "Ajax?Ajax=NewAssettoDisplayAOCount"; 
            xmlHttp.onreadystatechange = StateChanged1;
            xmlHttp.open("GET", url, true);
            xmlHttp.send(null);
        } catch (e) {
            document.getElementById("NewAssettoDisplayAOCount").innerHTML = "An error occured";
        }
    }
    
  
	function StateChanged1() {
    	
        if ((xmlHttp.readyState == 4) && (xmlHttp.status == 200)) {
	        document.getElementById("NewAssettoDisplayAOCount").innerHTML = xmlHttp.responseText;
        }
    }
	</script>
</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...