通过Web服务将Kendo UI图表绑定到数据库

时间:2012-03-13 14:03:50

标签: asp.net json web-services kendo-ui

我在通过网络服务将KendoUI图表绑定到远程数据库时遇到了一些麻烦。

这是我的代码:

    $("#chart").kendoChart({
    theme: $(document).data("kendoSkin") || "default",
    dataSource: {
        transport: {
            read: {
                url: "/WebServices/WebFunctions.asmx/RetrieveProjectCountByBMP",
                dataType: "json"
            }
        },
        schema: {
            model: {
                fields: {
                    Code: { type: "string" },
                    Count: { type: "number" }
                }
            }
        },
        sort: {
            field: "Code",
            dir: "asc"
        }
    },
    title: {
        text: "Project Count by BMP"
    },
    seriesDefaults: {
        type: "column"
    },
    series: [{
        field: "Count",
        name: "Project Count"
    }],
    categoryAxis: {
        field: "Code"
    },
    tooltip: {
        visible: true,
        format: "{0:N0}"
    }
});

这是网络服务代码:

<WebMethod(EnableSession:=True)> _
Public Function RetrieveProjectCountByBMP() As Object
    Dim returnData = (From p As Project In Project.RetrieveAll() _
                     Join cs As ClaimScope In ClaimScope.RetrieveAll() On p.ProjectId Equals cs.ProjectId _
                     Join b As BMP In BMP.RetrieveAll On cs.BMPId Equals b.BMPId _
                     Where (p.ProjectMilestoneId = 17 Or p.ProjectMilestoneId = 18 Or p.ProjectMilestoneId = 19) _
                     And p.FiscalyearId = 5 _
                     Select b.Code, p.ProjectId).GroupBy( _
                        Function(bmpCode) bmpCode.Code _
                        , Function(proj) proj.ProjectId _
                        , Function(bmpCode, projects) New With {.Code = bmpCode, .Count = projects.Count()})

    Dim serializedReturnData As JavaScriptSerializer = New JavaScriptSerializer(returnData)

    Return serializedReturnData.Serialize(serializedReturnData)

    Return serializedReturnData
End Function

我已经验证我的webservice返回了一个完整的数据集。 问题是,当我运行代码时,图表不会被填充。事件日志中没有错误消息和事件。

我能找到的唯一问题是webservice返回带有引号的数据,如下所示:

“[{” 代码 “:” 1301" , “计数”:239},{ “代码”: “1401”, “计数”:178},{ “代码”: “1001”, “计数”: 33}]“

当我将从Web服务返回的数据复制到.json文件并将图表绑定到该文件时,它可以正常工作。但是,我必须删除前导引号和尾随引号以使其起作用。

如何让我的网络服务以适当的JSON格式返回我的数据?

感谢。

1 个答案:

答案 0 :(得分:0)

也许这样:

Return Mid(serializedReturnData, 2, Len(serializedReturnData) - 2)