0

我已经下载了 Devextreme 包并安装了它,并使用他们的模板在 VS 中创建了一个项目。

我使用 iPad 尺寸创建了一个简单的 'hello world' dxview,另一个使用 iPhone 尺寸。

现在我希望在第一次加载时加载正确的视图,如下所示:

if (runningOnTablet)  <-- THIS IS THE QUESTION!
   DevExtremeIPad.app.router.register(":view/:id", { view: "pgIPad", id: undefined });
else
   DevExtremeIPad.app.router.register(":view/:id", { view: "pgIPhone", id: undefined });

如何使用相同的代码库(视图模型等)编写在 iPad 和 iPhone 上看起来不错的视图

我创建了其他在 iPhone 和 Android 上看起来不错的示例视图,但如果用户使用平板电脑,我希望呈现不同的视图!

谢谢

4

2 回答 2

0

使用设备对象,例如:

var defaultView = DevExpress.devices.current().tablet ? "pgIPad" : "pgIPhone";
DevExtremeIPad.app.router.register(":view/:id", { view: defaultView , id: undefined });
于 2013-09-03T12:26:16.613 回答
0

替代方法

如果您的项目中有 index.js,请查找类似的内容

var device = DevExpress.devices.current();
alert(device.platform) ;
于 2013-10-02T17:28:57.420 回答