3

我按照这个例子的步骤（http://www.jqwidgets.com/jquery-widgets-documentation/documentation/java-integration/bind-jquery-grid-to-mysql-database-using-jsp.htm），但是没有可显示的数据。

jqxgrid.jsp 文件：

ResultSet result = state.executeQuery(sql1);
JsonArray recordsArray = new JsonArray();
while (result.next()) {
    JsonObject currentRecord = new JsonObject();
    currentRecord.add("id",
            new JsonPrimitive(result.getString("id")));
    currentRecord.add("name",
            new JsonPrimitive(result.getString("name")));
    recordsArray.add(currentRecord);
}

out.print(recordsArray);
out.flush();

在 jsp 文件中我可以得到 JsonArray 的结果：

[{"id":"57","name":"aa"},{"id":"58","name":"qq"},{"id":"59","name": "ii"},{"id":"60","name":"jenny"},{"id":"61","name":"candy"},{"id":"62", "name":"f"},{"id":"63","name":"pp"},{"id":"66","name":"kkk"}]

jqxgrid.html 文件：

 $(document).ready(function () {
        
        var source = {
            datatype: "json",
            datafields: [{name: 'id'}, 
                         {name: 'name'}],
           url:"jqxgrid.jsp"
        };
       
        var dataAdapter = new $.jqx.dataAdapter(source, {
            downloadComplete: function (data, status, xhr) { },
            loadComplete: function (data) { },
            loadError: function (xhr, status, error) {alert('Status ='+ status +',  Error ='+ error ); }
        });
        $("#jqxgrid").jqxGrid({
            width: 400,
            autoheight: true,
            source: dataAdapter,
            columns: [{
                text: 'ID',
                datafield: 'id',
                width: 200
            }, {
                text: 'Name',
                datafield: 'name',
                width: 200
            }]
        });
    });

输出中有网格，但没有显示数据。（抱歉，我无法发布图片。）

得到错误：

状态 =parsererror，错误 =SyntaxError：JSON 解析错误：无法识别的令牌 '<'

我该如何解决这个问题？谢谢！

4

1 回答 1

0

我认为您的问题是您没有输入源数据描述（客户端）。第 4 条记录的 id 是 60，恰好是 < 字符。文档说 type 是必填字段（尽管他们的示例并不总是使用它。）

如果您将类型添加datafields:[{name:'id',type:'int'},到var source = {这可能会解决您的问题。您也可以'number'用作 id 的类型。将类型添加'string'到name字段中也可能会有所帮助。

希望这对你有用。

于 2015-05-24T20:32:00.303 回答