使用返回JSON的WCF服务中的数据加载jqxGrid

时间:2013-01-14 18:33:02

标签: jquery json wcf

服务器端我正在使用WCF返回格式正确的json。当我使用jquery $ .ajax函数时,我能够收到预期的数据,所以让我们假设(除非jqWidgets存在细微差别)WCF方面是正确的。

我无法工作的是使用相同的数据加载jqx dataAdapter。我已经尝试了十几种不同的方式,最终没有记录。这是javascript。

<script type="text/javascript">
    $(document).read(function() {
        var source = {
            type: "GET",
            data: "",
            dataType: "json",
            dataFields: [
                { name: "ID" },
                { name: "Name" }
            ],
            url: "TestService.svc/GetAttributes",
            root: 'GetAttributesResult'
        };

        var dataAdapter = new $.jqx.dataAdapter( source );

        $("#jqxGrid").jqxGrid(
            {
                source: dataAdapter,
                columns: [
                    { text: 'ID', datafield: 'ID', width: 200},
                    { text: 'Name', datafield: 'Name', width: 200}
                ]
            });
    });
</script>

作为参考,从我的WCF服务返回的数据如下所示

{"GetAttributesResult":[{"ID":"1","Name":"Make"},{"ID":"2","Name":"Model"}]}

如果我尝试像

那样简单的事情
var dataAdapter = new $.jqx.dataAdapter(source);

在使用VS2012进行调试时,我得到一个空的记录集。

非常感谢任何帮助。我愿意完全采用不同的设计方向,因为在项目中这仍然是足够早的。

谢谢!

1 个答案:

答案 0 :(得分:0)

这是一个帮助主题:asp.net-web-service-grid.htm。另外,还有一个错字:dataFields应该是数据字段。