Question

你好我试图绑定一个jqxGrid，但目前没有任何作用。要开始的一些信息：我使用Entity Framework访问数据库的数据访问项目。数据访问项目方法由自定义SharePoint 2013 WCF服务器调用。 WCF方法看起来像

    public string GetData()
    {
        return new JavaScriptSerializer().Serialize(BL.GetData());
    }

BL.GetData（）返回我在WCF服务中以JSON格式化的IList。如果我导航到GetData方法url，我可以看到JSON结果，所以我认为这部分有效。

这是我的html页面：

<script src="jquery-1.9.1.js"></script>
<script src="jqxbuttons.js"></script>
<script src="jqxcore.js"></script>
<script src="jqxdata.js"></script>
<script src="jqxdropdownlist.js"></script>
<script src="jqxgrid.columnsresize.js"></script>
<script src="jqxgrid.filter.js"></script>
<script src="jqxgrid.grouping.js"></script>
<script src="jqxgrid.js"></script>
<script src="jqxgrid.pager.js"></script>
<script src="jqxgrid.selection.js"></script>
<script src="jqxgrid.sort.js"></script>
<script src="jqxlistbox.js"></script>
<script src="jqxmenu.js"></script>
<script src="jqxscrollbar.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        var source = {
            type: "GET",
            datatype: "json",
            datafields: [
                { name: 'Field1'},
                { name: 'Field2'},
            ],
            url: 'Service.svc/GetData',
            cache: false,
        };

        //Preparing the data for use    
        var dataAdapter = new $.jqx.dataAdapter(source, {
            contentType: 'application/json; charset=utf-8',
            downloadComplete: function (data, textStatus, jqXHR) { return data.d; }
        });

        $("#jqxgrid").jqxGrid({
            source: dataAdapter,
            columns: [
                { text: 'Field1', dataField: 'Field1' },
                { text: 'Field2', dataField: 'Field2' }]
        });
    });
</script>
<div id="jqxgrid">
</div>

JSON看起来像这样：

[{
    "Field1": "Field1",
    "Field1": "Field1"
},
{
    "Field2": "Field2",
    "Field2": "Field2"
}]

有什么问题？谢谢

使用WCF服务绑定jqxGrid

0 个答案: