yuiデータテーブルエラー

Question

DataTableにjsonデータを挿入する際に問題があります。ここではJSONデータの例 は、サーバによって送信：

{"geneItemList":"{"col":"symbol","qv":"cd4","limit":"-1","start":"0","geneid":"920","name":"CD4" 
,"symbol":"CD4","lastupdated":"2009-05-20 10:01:52.0","lastmodified":"2009-05-20 11:12:37.0"} 
,... 

そして、ここに私のYUIコード：

<script type="text/javascript"> 
    YAHOO.namespace("local"); 
    var qct = YAHOO.local; 


     YAHOO.util.Event.addListener(window, "load", function() { 
      qct.RowSelection = function() { 
       var myColumnDefs = [ 
        {key:"geneid", label:"Gene", formatter: "number", sortable:true}, 
        {key:"name", label:"Name", sortable:true}, 
        {key:"symbol", label:"Symbol", sortable:true}, 
        {key:"lastupdated", label:"Last Updated", formatter:"date", sortable:true}, 
        {key:"lastmodified", label:"Last Modified", formatter:"date", sortable:true} 
       ]; 

       var myDataSource = new YAHOO.util.DataSource("qct-list.html"); 
       myDataSource.responseType = YAHOO.util.DataSource.TYPE_JSON; 
       myDataSource.connXhrMode = "queueRequests"; 
       myDataSource.responseSchema = { 
        resultsList: "geneItemList", 
        fields: [{key:"col", parser:"string"}, 
          {key:"qv", parser:"string"}, 
          {key:"limit", parser:"number"}, 
          {key:"start", parser:"number"}, 
          {key:"geneid", parser:"number"}, 
          {key:"name", parser:"string"}, 
          {key:"symbol", parser:"string"}, 
          {key:"lastupdated", parser:"date"}, 
          {key:"lastmodified", parser:"date"}] 
       }; 

       // test this 
       var myGeneListTable = new YAHOO.widget.DataTable("geneListTable", myColumnDefs, myDataSource, 
       {initialRequest:"?col=<c:out value="${fieldName}"/>&qv=<c:out value="${queryValue}"/>&start=<c:out value="${start}"/>&limit=<c:out value="${limit}"/>", selectionMode:"single"}); 
etc... 

私は私のページをテストする場合、私が持っている「データエラーを。」私のデータテーブルに！

何が間違っているのでしょうか？

Answer 1

私の問題を解決しました。 jsonに間違いだった！

悪い：

{"geneItemList":"{"col":"symbol","qv":"cd4","limit":"-1","start":"0","geneid":"920","name":"CD4" 
,"symbol":"CD4","lastupdated":"2009-05-20 10:01:52.0","lastmodified":"2009-05-20 11:12:37.0"} 
,... 

グッド：それはちょうど、構文の問題だった

{"geneItemList":**[**{"col":"symbol","qv":"cd4","limit":"-1","start":"0","geneid":"920","name":"CD4" 
,"symbol":"CD4","lastupdated":"2009-05-20 10:01:52.0","lastmodified":"2009-05-20 11:12:37.0"} 
,...}**]** 
} 

！ YUI DataTableで「データエラー」が発生した場合、最初に行うことはサーバーからのJSON応答を調べることです。

Answer 2

JSONのデバッグに役立つツールがあります。

を使用でき

：http://www.jsonlint.com/（あなたのエラーを追跡するために）

構文help：新しいスクリプトをテストするときhttp://en.wikipedia.org/wiki/JSON

もう一つのヒント、YUIのデバッグモードを使用しています。

例：.../json-debug.js