彩票走势图

DevExpress DXTREME使用教程:详解平台特定标记

原创|使用教程|编辑:郝浩|2013-03-20 14:20:28.000|阅读 563 次

概述:DXTREME ENTERPRISE在不同的设备上显示的视图或布局时,您可以使用不同的标记,使用视图标记或布局标记关联特殊的数据属性。属性名称必须对应于带有data-dx-前缀的设备对象,该对象包含当前设备上的信息,通过DevExpress.framework.html.HtmlApplication 的设备属性进行公开。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

相关链接:


DXTREME ENTERPRISE在不同的设备上显示的视图或布局时,您可以使用不同的标记,使用视图标记或布局标记关联特殊的数据属性。属性名称必须对应于带有data-dx-前缀的设备对象,该对象包含当前设备上的信息,通过DevExpress.framework.html.HtmlApplication 的设备属性进行公开。当应用程序需要显示的视图或布局时,将会查找基于这些数据属性值的最佳匹配,下列属性是可用的。

• data-dx-phone

一个布尔值,指定该标记将会在手机上使用

• data-dx-tablet

一个布尔值,指定该标记将在表上使用。

• data-dx-android

一个布尔值,指定该标记将在 Android 设备上使用。

• data-dx-ios

一个布尔值,指定该标记将 iOS 设备上使用。

• data-dx-win8

一个布尔值,指定该标记将在 Windows 8 的设备上使用。

• data-dx-platform

一个字符串,指定的目标的平台。可选的值如下: android 操作系统、 桌面、 ios 和 win8。

下面的代码片段演示了一个“索引”视图,它有三个变体。第一个和第二个视图变体时使用的设备对象的平台属性分别设置为“ios”和“安卓”。第三种观点是用于所有其他的变化情况下。

<div data-dx-role="view" data-dx-name="index" data-dx-platform="ios"> 
      This is a view for the iOS platform.
</div> 
<div data-dx-role="view" data-dx-name="index" data-dx-platform="android"> 
      This is a view for the Android platform. 
</div> 
<div data-dx-role="view" data-dx-name="index"> 
      This is a view for any platform. 
</div>

慧都学院2017全新DevExpress线下研修班火热报名中!



标签:DevExpress

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn

文章转载自:慧都控件

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP