Question

我已经下载了安装它的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 });

如何使用相同的代码库（viewmodels等）在iPad和iPhone上编写看起来不错的视图

我创建了其他样本视图，这些视图在iPhone上也很好看，因此在Android上也是如此，但如果用户使用平板电脑，我希望提供不同的视图！

由于

Answer 1

使用devices object，例如：

var defaultView = DevExpress.devices.current().tablet ? "pgIPad" : "pgIPhone";
DevExtremeIPad.app.router.register(":view/:id", { view: defaultView , id: undefined });

Answer 2

替代方法

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

var device = DevExpress.devices.current();
alert(device.platform) ;

DevExpress - 如何检测我们正在运行的设备

2 个答案: