自适应呈现
用于ASP的Telerik UI网格。NET MVCprovides consistency to the customer experience on any device by supporting adaptive enhancements.
例如,当您在移动设备上筛选或编辑数据时,系统将为用户滑入一个新屏幕,这与桌面类似的内联和弹出行为不同。有关可运行的示例,请参阅在网格中实现响应式网页设计的演示.
启用响应式Web设计
要启用自适应呈现功能,请设置移动
财产MobileMode。汽车
或MobileMode。电话
:
- 如果设置为
MobileMode。汽车
,当在移动浏览器上查看时,组件将使用自适应渲染。 - 如果设置为
MobileMode。电话
,组件将被迫使用自适应呈现,而不管浏览器类型如何。
重要:对于移动渲染,我们建议设置
高度
也如果不设置显式的高度,网格的每个视图可能具有不同的高度。
@(Html.Kendo().Grid() .Name("grid") .Mobile() .HtmlAttributes(new {style = "height:450px;"}) . dataSource (dataSource => dataSource . ajax () . read (read => read。Action("Products_Read", "Home"))))
调整列大小
触屏设备上的列大小调整功能在用户将手指按住相应的列标题时触发。当调整大小图标出现时,用户可以通过拖动来调整列的大小。
破坏自适应网格
当网格处于自适应呈现模式时,它会生成辅助标记,如果要删除网格,则需要删除这些标记摧毁了
手动。
手动销毁网格:
- 调用jQuery的Kendo UI
kendo.destroy ()
最接近的方法.k-pane-wrapper
在网格周围创建的祖先。 - 去掉整个
.k-pane-wrapper
元素。