SSRS에서 사용자에게 Reportings을 제공하기 위해 iPad 용 웹 애플리케이션 작은 작업을하고 있습니다. 나는 MobiWave와 같은 기존 솔루션이 있다는 것을 알고 있지만, 나의 costumer는 자신의 환경에 더 적합한 솔루션을 개발하도록 요청합니다.iPad의 Webapp이 새 사파리 탭에서 iFrame의 링크를 엽니 다.
그럼 내 질문은 다음과 같습니다. SSRS의 콘텐츠를 iFrame에로드하여 사용자에게 제공합니다. 이제 링크를 클릭하면 동작은 다음과 같습니다. Chrome의 Safari Mobile (iPad에서) 사이트는 예상대로 작동합니다. 웹 앱과 동일한 사이트를 실행하면 새 사파리 창에서 링크가 열립니다. this 및 this과 같은 많은 솔루션을 시도했지만 예상대로 작동하지 않았습니다.
내 코드는 다음
<!DOCTYPE html>
<html>
<head>
<title> TEST </title>
<link rel="stylesheet" href="css/jquery.mobile-1.1.1.min.css" />
<link rel="stylesheet" href="css/style.css" />
<script src="js/jquery-1.7.1.min.js"></script>
<script src="js/jquery.mobile-1.1.1.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes">
<link rel="apple-touch-icon" sizes="72x72" href="images/touch-icon-ipad.png" />
<link rel="apple-touch-startup-image" href="images/startup.png">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
</head>
<body>
<div data-role="page" id="home">
<div data-role="header">
<ul data-role="controlgroup" data-type="horizontal" class="localnav">
<li><a data-role="button" data-rel="back" data-icon="arrow-l">Back</a></li>
<li><a href="./" data-role="button" data-icon="home" data-ajax="false">Home</a></li>
</ul>
</div>
<div id="content" data-role="content">
<iframe src="../ReportServer"></iframe>
</div>
</div>
</body>
</html>
편집
iframe이로드되는 코드는 다음입니다 : 링크가 새 탭을 열고 있습니다
<html>
<head>
<meta name="Generator" content="Microsoft SQL Server Reporting Services, Version 10.50.1600.1">
<title>localhost/ReportServer - /Reportings</title>
</head>
<body><H1>localhost/ReportServer - /Reportings</H1><hr>
<pre>
<A HREF="http://localhost/ReportServer?&rs%3ACommand=ListChildren">[In übergeordnetes Verzeichnis]</A>
Donnerstag, 13. September 2012 15:16 39033 <A HREF="?%2fReportings%2fReport1&rs:Command=Render">Report1</A>
</pre>
<hr>
Microsoft SQL Server Reporting Services, Version 10.50.1600.1
</body>
</html>
감사합니다 : 당신은 JQM의 호환성에 문제가 큰 모바일 앱을 구축하고 있습니다하려는 경우 당신은 또한 다른 대안 모바일 프레임 워크를보고 할 수 있습니다 빠른 대답. jqm의 링크가 예상대로 작동합니다. 문제는 iframe 내의 링크입니다. 생성 된 사이트에 두 개의 링크가 추가되어 iFrame에로드되는 대신 새 탭에로드됩니다. – user1692091
페이지 이벤트를 방해하는 jquery 모바일을 사용할 수 있습니다 : http://www.12live.de/de/blog/javascript/ipad-stay-in-webapp-fullscreen-when-links-in-embedded-iframe-are -clicked/jqm없이 iframe을 시도 할 수 있습니다. –
고마워, 그 작품 :) – user1692091