【问题标题】:Setting Kendo UI grid height 100% on MOBILE在 MOBILE 上设置 Kendo UI 网格高度 100%
【发布时间】:2015-07-07 20:54:31
【问题描述】:

我正在尝试将剑道网格高度设置为 100% 。我以前在一个常规的 mvc 项目上做过,它的工作正常,但它不能在移动设备上工作。这是我在做什么:

http://dojo.telerik.com/UVuDe

提前致谢

【问题讨论】:

    标签: kendo-grid kendo-mobile


    【解决方案1】:

    您是否尝试过在视图上使用data-stretch="true"http://dojo.telerik.com/IKOLe

    【讨论】:

    • 谢谢!!我以为我尝试过data- stretch = "true",但显然我错了。再次感谢您
    【解决方案2】:

    这段代码似乎在你的道场中工作http://dojo.telerik.com/UVuDe/4

    function gridResize(size){
    
        if (size == null || size == undefined) {
            size = 0.6;
        }
        var windowHeight = $(window).height();
        windowHeight = windowHeight * size;
        $(".k-grid-content").height(windowHeight);
    
      }
    

    如果这对您不起作用,我在另一个项目中确实有一些更通用/更可配置的东西。

    这会将网格内容的大小设置为默认状态下窗口屏幕高度的 60%,但您可以根据自己的需要进行配置。

    希望这能给你一个起点。

    如果您需要任何问题/更改,请告诉我。

    【讨论】:

    • 嗨,大卫。谢谢你的帮助。您的代码有效,但是如果我像这样 gridResize(1) 将大小设置为 1,我必须滚动才能看到网格的页脚。我希望网格填充视图。
    • 好吧,这段代码旨在调整“行”部分的大小,即网格的内部内容。通过将其设置为 1,您显然将内部内容设置为屏幕高度的 100%。因此,将其调整为 0.90 或类似的值可能会给您带来想要的效果。网格是否会单独出现在屏幕上,还是会有其他内容,因为您必须考虑通过屏幕上的其他元素来设置大小,除非您将屏幕分割成2 个或更多您可以参考的部分
    猜你喜欢
    • 2014-05-02
    • 2014-02-28
    • 1970-01-01
    • 1970-01-01
    • 2012-10-30
    • 2011-08-27
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多