Question

我正在为网站制作一个jqwidgets网格，但我无法在网页上显示它。

以下是我使用的代码：

<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jqxcore.js"></script>
<script type="text/javascript" src="jqxbuttons.js"></script>
<script type="text/javascript" src="jqxscrollbar.js"></script>
<script type="text/javascript" src="jqxmenu.js"></script>
<script type="text/javascript" src="jqxcheckbox.js"></script>
<script type="text/javascript" src="jqxlistbox.js"></script>
<script type="text/javascript" src="jqxdropdownlist.js"></script>
<script type="text/javascript" src="jqxgrid.js"></script>
<script>
<script>
    $(document).ready(function () {
        // prepare the data
        var source =
        {
            datatype: "json",
            datafields: [
                { name: 'Username', type: 'string'},
                { name: 'First_name', type: 'string'},
                { name: 'Surname', type: 'string'},
                { name: 'Email', type: 'string'}
            ],
            url: 'data.php',
            cache: false
        };

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

        $("#jqxgrid").jqxGrid(
        {
            source: dataAdapter,
            theme: 'classic',
            columns: [
              { text: 'Username', datafield: 'Username', width: 250},
              { text: 'First Name', datafield: 'First_name', width: 150 },
              { text: 'Surname', datafield: 'Surname', width: 180 },
              { text: 'Email Address', datafield: 'Email', width: 200 }
          ]
        });        
    });
</script>

欢迎任何帮助。我一整天都试图对它进行整理或类似的事情而没有太多运气。

Answer 1

这实际上只是所需代码的一部分。您可能也应该有HTML部分。你也可以发布它吗？您还可以查看此主题jquery-grid-getting-started.htm

Answer 2

有一个额外的脚本标签（未闭合）要么手动打开url（data.php大小写）并检查数据是否正确加载。使用jsoneditoronline.org检查返回的文本是否是有效的json数据。

我的jqwidgets网格没有显示在我的页面上

2 个答案: