Tuesday, 15 June 2010

android - Worklight & Dojo multiple pages error -



android - Worklight & Dojo multiple pages error -

i trying develop first multi-pages mobile application using ibm worklight , dojo. i've followed tutorial: have followed tutorial https://www.youtube.com/watch?v=5gfx-7as3kw

this html:

<!doctype html> <html> <head> <meta charset="utf-8"> <title>myapp</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/main.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 style="display: none;"> <div data-dojo-type="dojox.mobile.view" id="home" data-dojo-props="selected:true"></div> <ul data-dojo-type="dojox.mobile.tabbar" fixed="bottom"> <li data-dojo-type="dojox.mobile.tabbarbutton" data-dojo-props="transition:'slide',dir:'1',moveto:view0">first page</li><li data-dojo-type="dojox.mobile.tabbarbutton" data-dojo-props="moveto:view1,transition:'fade'">second page</li> </ul> <div data-dojo-type="dojox.mobile.view" class="myclass" id="view0" data-dojo-props="selected:false">random text</div> <div data-dojo-type="dojox.mobile.view" class="myclass" id="view1" data-dojo-props="selected:false">here same</div> <script src="js/initoptions.js"></script> <script src="js/main.js"></script> <script src="js/messages.js"></script> </body> </html>

however, when run in emulator, next error:

uncaught exception uncaught type error object # has no method match

what's wrong?

the error not clear. fuller log logcat much better.

until provide it... , based on question: ibm worklight 6.1 - unable have working dojo view transition

try changing following:

<li data-dojo-type="dojox.mobile.tabbarbutton" data-dojo-props="transition:'slide',dir:'1',moveto:view0">first page</li> <li data-dojo-type="dojox.mobile.tabbarbutton" data-dojo-props="moveto:view1,transition:'fade'">second page</li>

to this:

<li data-dojo-type="dojox.mobile.tabbarbutton" data-dojo-props="transition:'slide',dir:'1',moveto:'view0'">first page</li> <li data-dojo-type="dojox.mobile.tabbarbutton" data-dojo-props="moveto:'view1',transition:'fade'">second page</li>

note add-on of single-quotes moveto value.

android worklight dojo

No comments:

Post a Comment