工作燈：問題而呈現道場1.9控件實際設備上

工作燈6.0
道場1.9.1
ADT 22.0
API級別14
設備 - 三星標籤3

我們開發了一個使用worklight 5.0和dojo 1.8的移動應用程序。現在我們已經升級到worklight 6.0和dojo 1.9。升級後，我們在呈現dojo小部件時看到以下問題。

小部件在模擬器（MBS）中呈現良好。但在實際設備上，這些小部件沒有正確渲染。標籤欄按鈕越來越呈現爲以大膽下劃線等

HTML文件的標籤 -

<head> 
     <meta charset="UTF-8"> 
     <title>RQMOffline</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/MobileApp.css"> 
     <link rel="stylesheet" href="css/qmMobile.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, mblThemeFiles:['@theme',['qm.mobile','qmMobile']], async: true, parseOnLoad: false, mblHideAddressBar: false" src="dojo/dojo.js"></script> 
    </head> 
    <body id="content" style="display: none;"> 
     <div id="AppBody" > 
      <div id="localTestList" data-dojo-type="dojox.mobile.View" style="selected:true" > 
       <div id="mainViewHeadning" data-dojo-type="dojox/mobile/Heading" fixed="top"> 
        <ul id="filtersBar" data-dojo-type="dojox.mobile.TabBar" 
         data-dojo-props='barType:"segmentedControl"'> 
         <li id="runTabBarButton" data-dojo-type="dojox.mobile.TabBarButton" 
          data-dojo-props='label:"labelInProgress", moveTo:"downloadedTestListView", selected:true'></li> 
         <li id="resultTabBarButton" 
          data-dojo-type="dojox.mobile.TabBarButton" 
          data-dojo-props='label:"labelCompleted", moveTo:"uploadResultListView"'></li> 
        </ul> 
       </div> 
       <div id="tabBarNode" data-dojo-type="dojox/mobile/Heading" fixed="bottom"> 
        <ul id="mainTabBar" data-dojo-type="dojox/mobile/TabBar" single="true"> 
         <li id="mainShowTcerList" data-dojo-type="dojox/mobile/TabBarButton" 
          data-dojo-props='icon1:"images/download-act-d.png", icon2:"images/download-act-e.png", label:"labelGetTests", moveTo:"getTestsListView"'></li> 
         <li id="mainShowLocalTest" data-dojo-type="dojox/mobile/TabBarButton" 
          data-dojo-props='icon1:"images/run-act-d.png", icon2:"images/run-act-e.png", label:"labelRunTests", selected:true'></li> 
         <li id="mainShowSettings" data-dojo-type="dojox/mobile/TabBarButton" 
          data-dojo-props='icon1:"images/setting-act-d.png", icon2:"images/setting-act-e.png", label:"labelSettings", moveTo:"settingsView"'></li> 
        </ul> 
       </div> 
      </div> 
     </div> 
     <script src="js/initOptions.js"></script> 
    <script src="js/MobileApp.js"></script> 
    <script src="js/messages.js"></script> 
    </body>

注：我已經加入所有的Android相關的css文件WWW文件夾下。這是工作正常與道場1.8

任何幫助，將不勝感激。

來源

2014-01-30 Vijay Patil

當您升級到Dojo 1.9時，您是否創建了新的Worklight Project，並且是與它一起創建的Dojo庫項目（默認情況下，它將在您的工作區中稱爲dojoLib）？ – nsand

@nsand我遵循Worklight Infocenter提供的步驟我也嘗試過在新的工作區中創建新的示例worklight項目。我已經將Dojo庫項目名稱提供爲「dojo19Lib」。添加了一些dojo小部件。但在實際設備上仍然看到相同的問題。 –

你可以截圖嗎？因爲當你說「標籤欄按鈕被渲染爲帶有粗體下劃線的標籤」時，聽起來像默認的Holodark渲染。請參閱http://archive.dojotoolkit.org/nightly/dojotoolkit/dojox/mobile/tests/test_TabBar.html?theme=Holodark。 –

我做以下更改修復了這個問題 -

DojoX中/移動/ deviceTheme.js，改爲「holodark」與「Android」的所有Android設備。
對於更大的字體大小的問題，增加了「targetSdkVersion」屬性屬性在AndroidManifest.xml - <uses-sdk android:minSdkVersion="8" android:targetSdkVersion="13"/>

感謝所有您的幫助。

來源

2014-02-03 14:12:58

工作燈：問題而呈現道場1.9控件實際設備上

回答

相關問題