나는 Worklight에서 Dojo를 사용하여 응용 프로그램을 개발했습니다. Worklight의 초보자이기 때문에 로그인 화면과 다른 스크롤 가능한보기가있는 샘플 응용 프로그램입니다.Worklight 응용 프로그램의 정렬 문제?
기본적으로 내 응용 프로그램은 iOS 응용 프로그램처럼 보입니다. 환경을 Android로 변경하면 안드로이드/iOS 시뮬레이터 (정렬 문제 및 로그인 버튼이 작동하지 않음)에서 제대로 표시되지 않습니다.하지만 작업 영역 콘솔에서 응용 프로그램을 테스트 할 때 잘 작동합니다.
홈페이지 HTML 파일
난 단지 "view0"를 표시하고 다른 모든 뷰 버튼도 잘 작동되는 로그인 hidden.Also 있습니다 작업등을 콘솔을 통해 시도<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>RFQ</title>
<meta name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<link rel="shortcut icon" href="images/favicon.png">
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
<link rel="stylesheet" href="css/RFQ.css">
<script>
window.$ = window.jQuery = WLJQ;
</script>
<script type="text/javascript" src="dojox/mobile/deviceTheme.js" ></script>
<script type="text/javascript"
data-dojo-config="isDebug: false, async: true, parseOnLoad: true, mblHideAddressBar: false"
src="dojo/dojo.js"></script>
</head>
<body id="content" >
<div data-dojo-type="dojox.mobile.ScrollableView" id="view0"
data-dojo-props="selected:true" style="background-color: white;">
<div data-dojo-type="dojox.mobile.Heading"
data-dojo-props="label:'Login View'"></div>
<br>
<div
style="text-align: center; font-size: x-large; font-weight: bold">Login</div>
<br> <br> <span style="margin-left: 15%">Username :
</span><input data-dojo-type="dojox.mobile.TextBox" id="uname"
placeholder="Username" value="abcd"> <br> <br> <span
style="margin-left: 15%">Password : </span><input
data-dojo-type="dojox.mobile.TextBox" id="pass"
placeholder="Password" type="password" value="cdef" > <br>
<button data-dojo-type="dojox.mobile.Button" id="loginBtn"
style="margin-left: 50%; margin-top: 3%"
data-dojo-props="label:'Login', onClick:function(e){loginCheck();}"></button>
<div id="prgInd"></div>
<div data-dojo-type="dojox.mobile.Heading"
data-dojo-props="fixed:'bottom'"></div>
</div>
<div data-dojo-type="dojox.mobile.ScrollableView" id="statusView"
data-dojo-props="selected:false,scrollDir:'v'">
<div data-dojo-type="dojox.mobile.Heading"
data-dojo-props="label:'Status'"></div>
<div data-dojo-type="dojox.mobile.EdgeToEdgeList" id="DataList">
</div>
<div id="bsyIndDiv"></div>
<div data-dojo-type="dojox.mobile.Heading"
data-dojo-props="fixed:'bottom'"></div>
</div>
<div data-dojo-type="dojox.mobile.ScrollableView" id="DetailView"
data-dojo-props="selected:false,scrollDir:'v'">
<div data-dojo-type="dojox.mobile.Heading"
data-dojo-props="label:'Details',back:'RFQ', moveTo:'statusView',fixed:'top'"></div>
<div id="grid"></div>
<textarea data-dojo-type="dojox.mobile.ExpandingTextArea" id="DispArea" style="width: 100%">
</textarea>
<TABLE class="mytable" BORDER="2" id="tableData" WIDTH="100%" CELLPADDING="1" CELLSPACING="1" bgcolor="#FFFFFF">
<TR>
<TH COLSPAN="2"><BR><H3>Item Details</H3>
</TH>
</TR>
<TR>
<TH>Item</TH>
<TH>Qty</TH>
</TR>
</TABLE>
<div data-dojo-type="dojox.mobile.Heading"
data-dojo-props="fixed:'bottom'"></div>
</div>
<script src="js/initOptions.js"></script>
<script src="js/RFQ.js"></script>
<script src="js/messages.js"></script>
</body>
</html>
.
그러나 나는 안드로이드 시뮬레이터를 통해 실행하려고했을 때 한 번에 모든보기를 보여줍니다. ie : "view0", "statusView", "DetailView".
Android/iOS로 애플리케이션을 이식하기 전에 제 코드에서해야 할 일이 있습니까?
도움이 되셨습니까?
작업등 버전? 문제를 묘사 한 스크린 샷? 당신은 또한 정렬 문제뿐만 아니라 (주제 suggets뿐만 아니라, 기능하지 않는 버튼을 언급 ... 추가 정보? 코드 조각? 함께 일할 ...) –
업데이트 된 포스트를 참조하십시오. – Cyber