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