【问题标题】:In KendoUI I do not understand the "Mobile Widgets"在 KendoUI 我不理解“移动小部件”
【发布时间】:2014-07-13 22:50:03
【问题描述】:
例如在这个页面上http://www.telerik.com/kendo-ui,Telerik 在数据管理下有 ListView,在 Mobile Widgets 下也有 ListView。
他们是说当使用 iPhone 查看响应式网页时,将使用“Mobile Widgets 下的 ListView”,而当在桌面上查看 SAME 网站时,将使用“数据管理下的 ListView” .
如果是这样,那么必须在同一个网页上定义 2 个 ListView。
【问题讨论】:
标签:
kendo-ui
kendo-mobile
【解决方案1】:
不,您不必定义两个 ListView。在移动设备上查看时将自动应用移动设备视图,反之亦然。
【解决方案2】:
我问了一位认识 Telerik 的联系人,他的回答是……
是的,这有点令人困惑。他们确实有两个小部件,但其中一个是仅用于本地移动应用程序开发。并且整个 KendoUI Mobile 套件专为满足制作原生移动应用程序的开发人员的需求而量身定制。您在 stackoverlow 中得到的答案本质上是不正确的 - 是的,移动 ListView 将在桌面浏览器上呈现,但会认为这些是移动浏览器,因此我已经看到很多问题出现了。此外,请注意移动套件如何缺乏与其网络对应的更重的控件 - 没有移动网格,没有移动编辑器,日期选择器,组合等,因为很难创建它们以便它们在所有移动平台上运行如果剑道团队打算在某一天开发它们,那将需要数年时间。
【解决方案3】:
您只需要在您的列表视图定义中指定自动模式。因此,当在移动设备中查看列表时,它将自动呈现移动小部件 ui 而不是普通的 kendo ui。请看下面:
@(Html.Kendo().ListView(Model)
...............
.Mobile(MobileMode.Auto)
在这里您可以选择设置不同的移动模式:1. 自动 2. 手机 3. 平板电脑 4. 禁用