java - Kendo UI 网格自定义数据源 URL

Question

我有一个名为 clientCCBox 的组合框，我需要一个 javascript 来检索所选选项值(即客户端 ID)，然后将其传递到 kendo 网格数据源读取属性上，如下所示:

<kendo:dataSource-transport-read url="/read.html?*clientID*"/>

我一直在尝试使用这个js片段来恢复所选的值；文档写入可以直观地查看它是否实际检索到该值，但它什么也不显示。获得 clientID 后如何在 HTML 中使用它？

<script> 
    function onSelect(e){
        var clientId = clientCCBox.value();   
        document.write(clienteId);
    }
</script>

如果我确实设法在查询字符串上传递 clientID， Controller 上的以下代码将返回一个列表并填充网格，对吗？

@RequestMapping(value = "/read.html*")
public @ResponseBody List<Workers> read(HttpServletRequest request) {
    return workerDAO.listWorker(Integer.parseInt(request.getQueryString()));
}

Answer 1

您可以使用 kendo:dataSource-transport 标记中的 parameterMap 属性定义其他参数。

示例:

<kendo:dataSource-transport parameterMap="additionalParameters">
    <kendo:dataSource-transport-read url="/ListBeer" type="GET" contentType="application/json"/>
</kendo:dataSource-transport>

其中additionalParameters是:

<script type="text/javascript">
    var theId = "xyz";

    function additionalParameters(data, type) {
        if (type === "read") {
            return "id=" + theId;
        }
        return data;
    }
</script>

在这里，我将从以下 URL /ListBeer?id=xyz 加载数据，其中 xyz 是 theId 的值。

您还可以发送多个参数:

function additionalParameters(data, type) {
    if (type === "read") {
        return "id=" + data + "&param=" + JSON.stringify(data);
    }
    return "param= "+ JSON.stringify(data);
}