IBM Worklight 6.1-无法正常工作的Dojo视图过渡

穆斯塔法·萨比尔(Mustafa Sabir)

我不熟悉Worklight环境,并且最近开始进行工作。

我正在使用dojo版本1.9(IBM提供的版本),worklight 6.1,OS Windows 7,eclipse juno sr2 64bit,IE 10(对于RPE),Google chrome最新(作为默认浏览器)。

我已经在dojo mobile中尝试了许多小部件,并且它们都工作正常,我也遇到了其他问题,例如“ Worklight 6.1 Android Applicaiton呈现了没有小部件的所有视图”,并遵循了解决方案中给出的所有步骤,并成功创建和查看了页面在MBS和android模拟器上都可以。唯一的问题是当我使用视图时。我从dojo和TabBarButtons添加一个tabBar用于视图转换。还可以在页面中添加一些视图,并将其与按钮链接。我还检查并查看了我的main.js文件是否已使用所有包含的元素进行了更新。虽然工具栏以及默认视图是可见的,但是当我单击tabBar中的其他按钮时,它不会切换视图。也单击TabBarButtons会在Chrome控制台中弹出错误-未捕获的TypeError:未定义不是一个函数

每次点击都会弹出此错误。

这是index.html文件的body标记中我的源代码的结构:-

<body style="display: none;">
<div data-dojo-type="dojox.mobile.View" id="view2"
        data-dojo-props="selected:true">
    <div data-dojo-type="dojox.mobile.View" id="view0" data-dojo-props="selected:true" >
            <div data-dojo-type="dojox.mobile.Heading"
        data-dojo-props="label:'Hello world'"></div>

        <button data-dojo-type="dojox.mobile.Button">Hello</button>
        <input data-dojo-type="dojox.mobile.TextBox"><input type="range"
            data-dojo-type="dojox.mobile.Slider"
            data-dojo-props="orientation:'H'">


    </div>
    <div data-dojo-type="dojox.mobile.View" id="view1"
        data-dojo-props="selected:false">
        <div data-dojo-type="dojox.mobile.Heading"
            data-dojo-props="label:'About',moveTo:'view0'">
            </div>
        <div data-dojo-type="dojox.mobile.RoundRect">
        Hello, we are a leading company in innovations
        </div>
    </div>
    <ul data-dojo-type="dojox.mobile.TabBar" fixed="bottom" id="Tab1">
        <li data-dojo-type="dojox.mobile.TabBarButton" data-dojo-props="moveTo:view0,transition:'slide'" id="tabB1">Home</li>
        <li data-dojo-type="dojox.mobile.TabBarButton" data-dojo-props="moveTo:view1,transition:'slide'" id="tabB2">About</li>
    </ul>
    </div>
    <script src="js/initOptions.js"></script>
            <script src="js/main.js"></script>
            <script src="js/messages.js"></script>
    </body>

//其余全部为默认代码,jquery版本或其他任何内容均未更改,我也尝试过以下操作,但它们似乎均无效:--从dojoLib / dojo / dojo / nls / core复制并替换了www文件夹中的文件-web-layer.js和mobile-web-layer.js文件。-将Tabbar保留在任何视图之外,直接插入body标记并链接到该视图。-为tabBar和tab按钮元素以及view元素添加了id属性。-关闭以提供缺少的库资源并包括缺少的文件(如果有),重建项目并再次运行。

帕特里克·鲁赞德

主要问题(引起异常)是moveto属性的视图ID周围缺少引号。它应该是:

data-dojo-props="moveTo:'view0',

修复后,您的示例将可用。

但是还有另一个问题,这次是设计问题:TabBarfixed属性仅在与ScrollableView一起使用时才有意义(此属性确保Tabbar不会滚动并保持其底部位置)。因此,您的外部视图应改为ScrollableView。另外,请注意,嵌套视图有一些限制。特别是,如果“ moveto”属性包含在另一个父视图中,则无法从该视图过渡到另一个视图。

不要犹豫,查看dojox / mobile / tests中的各种测试以及文档

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

serverSessionTimeout无法正常工作IBM Worklight

来自分类Dev

IBM Worklight 6.0-无法访问Worklight Server

来自分类Dev

IBM Worklight 6.1-无法迁移Worklight项目

来自分类Dev

onCLickListener Javascript无法在IBM Worklight中使用此dojo代码

来自分类Dev

无法在IBM Worklight上集成Google Maps

来自分类Dev

无法通过IBM Worklight部署Android应用

来自分类Dev

使用IBM Worklight 6(juno eclipse)安装jazz 4.0.2插件会导致worklight的功能下降

来自分类Dev

IBM Worklight:请求每<1秒调用一次Worklight服务器

来自分类Dev

Maven and IBM worklight

来自分类Dev

Maven和IBM Worklight

来自分类Dev

IBM Worklight离线支持

来自分类Dev

IBM MobileFirst / Worklight JSON

来自分类Dev

IBM Worklight 5.0.6-无法添加外部Dojo组件(require Dojo Dgrid出现脚本错误)

来自分类Dev

IBM Worklight 6.2:JMX配置错误。无法获得MBean

来自分类Dev

无法在Eclipse ADT中安装IBM Worklight插件

来自分类Dev

由于依赖关系而无法安装IBM Worklight插件

来自分类Dev

IBM Worklight 6.2:JMX配置错误。无法获得MBean

来自分类Dev

IBM Worklight-无法同时在Worklight Console和设备中更改应用程序图标

来自分类Dev

Worklight 6-默认启动视图

来自分类Dev

IBM Worklight-无法在Dojo应用程序中加载index.html

来自分类Dev

IBM Worklight 6.1 wlCommonInit()行为

来自分类Dev

IBM Worklight - How to debug an application?

来自分类Dev

IBM的Worklight xcode .framework文件

来自分类Dev

IBM Worklight-构建失败

来自分类Dev

IBM Worklight 6.1 wlCommonInit()行为

来自分类Dev

IBM Worklight Server存储库

来自分类Dev

IBM WORKLIGHT SQL Server 2008

来自分类Dev

$ .ajax和IBM Worklight的JSONstore

来自分类Dev

IBM Worklight:BusyIndicator未显示

Related 相关文章

热门标签

归档