带有 JSP 包装器的 Kendo Grid Mobile答案

【问题标题】：Kendo Grid Mobile with JSP Wrappers带有 JSP 包装器的 Kendo Grid Mobile
【发布时间】：2016-01-21 01:19:25
【问题描述】：

我无法让移动自适应网格功能使用 Kendo JSP 包装器工作。我已经尽可能地减少了所有东西，它不适用于包装器。我可以使用 Javascript 让一切正常工作。以下工作非常好：

<div id="grid"></div>
<script>
    var gridConfig = {
        columns: [
            {field: "name", title: "Name"},
            {field: "age", title: "Age"}
        ],
        filterable: true,
        columnMenu: true,
        mobile: true
    };

    $("#grid").kendoGrid(gridConfig);
</script>

当我在桌面浏览器中查看网格时，我的过滤器和列菜单会按您的预期显示。当我在手机上查看网格时，过滤器和列菜单将网格推到一边，并显示为标准的移动选择列表。如果我使用 JSP 包装器创建相同的网格，它就不起作用：

<div id="grid">
    <kendo:grid name="grid" filterable="true" columnMenu="true" mobile="true" >
        <kendo:grid-columns>
            <kendo:grid-column title="Name" field="name" />
            <kendo:grid-column title="Age" field="age" />
        </kendo:grid-columns>
    </kendo:grid>
</div>

过滤器和列菜单在我的手机上显示与在桌面上一样，这使它们无法使用，因为它们滑出查看区域并在我尝试滚动到它们时消失。

我知道一个显而易见的问题是为什么要使用 Wrappers，但由于我们在整个应用程序中都使用了 Freemarker，我不得不这样做。

我在这里错过了什么？

【问题讨论】：

我翻遍了我的页面，我想我找到了问题的根源。我的包装器按预期转换为 javascript，但结果如下： jQuery(function(){jQuery("#grid").kendoGrid({"filterable":true,"columns":[{"filterable":true ,"field":"name","title":"Name","menu":true},{"filterable":true,"field":"age","title":"Age","menu" :true}],"columnMenu":true,"mobile":"true"});}) 移动标志以文本表示。它不会像其他布尔标志那样转换为布尔值。可以强制转换吗？文档说它是布尔值或文本，但我需要一个布尔值。

标签： kendo-ui telerik kendo-grid telerik-grid jsp-tags

【解决方案1】：

必须自己修改最新版本（2016.1.112）的来源。如果其他人有类似的问题，请调整 com.kendoui.taglib.GridTag.java 的 setMobile 方法。

public void setMobile(java.lang.Object value) {
    if (value instanceof String && (((String)value).equalsIgnoreCase("true") || ((String)value).equalsIgnoreCase("false"))) {
        setProperty("mobile", Boolean.valueOf((String)value));
    }
    else {
        setProperty("mobile", value);
    }
}

可能会更好，但它很实用，可以满足我现在的需要。

【讨论】：