面向ASP的Telerik UI。NET MVC免费下载30天试用版

自适应呈现

面向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”))))

调整列大小

当用户将手指放在相应的列标题上时,会触发触摸屏设备上的列大小调整功能。当显示调整大小图标时,用户可以通过拖动来调整列的大小。

用于ASP的UI。NET MVCResizing icon in a Grid with resizable columns on a mobile device

破坏自适应网格

当网格处于自适应呈现模式时,它会生成辅助标记,如果要删除网格,则需要删除这些标记摧毁了手动。

手动销毁网格:

  1. 为jQuery调用Kendo UIkendo.destroy ()方法上最接近的.k-pane-wrapper它是围绕网格创建的。
  2. 整个去掉.k-pane-wrapper元素。

另请参阅

在本文中
Baidu
map