2012-04-26 36 views
2

最近私はWebプロジェクトで作業を開始しました。私の要件は、Flexigrid Jqueryプラグインを使用してデータベースからデータの一部をレンダリングすることです。サーバー側では、ジャクソンを使用してデータをフォーマットします。私のjqueryのスクリプトは次のようになります。Flexigridにデータが表示されない

<script type="text/javascript"> 
$(document).ready(function() { 
    $("#customers").flexigrid({ 
      url: 'JsonHandler', 
      dataType: 'json', 
      colModel : [ 
      {display: 'Id', name : 'userid',}, 
      {display: 'Name', name : 'fullname',}, 
      ], 
      title: 'Table', 
      width: 700, 
      height: 200 
     }); 
     }); 
</script> 

サーバーがブラウザに有効なJSONデータを送信する(これは私がFirebugの中で得るものです):

[{"userid":"a","fullname":"John Doe"}, 
{"userid":"b","fullname":"Mark Brown"}, 
{"userid":"c","fullname":"Mads Borsen"}] 

を私のテーブルが空のままですいくつかの理由。提案がある場合は、助けてください。

私はcolModelからnameオプションは、私の場合useridfullnameのために、JSONデータでは正確にキーと一致する必要があることを前提としています。

文字エンコーディングと関連がありますか?

ありがとうございます!

+0

私はちょうどそれが実際にJSONデータの形式に関連していることを考え出した.... flexigridがあってもそれゆえ、受信したデータを特定のフォーマットを必要としているようです(フレックスグリッドにはまだ適切ではない(したがって無効)かもしれません)。 Flexigridのデータフォーマットの正確な要件はどこで確認できますか? – cmcaba

答えて

3

レンダリングする必要がFLEXIGRIDは、「あなたはまた、「ページ」、「合計」と「行」フィールド、「ID」を含める必要があり、この

{"page":"1","total":"1","rows": 
[ 
    {"id":"1","cell":["1","55144602","Z014162","C"]}, 
    {"id":"3","cell":["3","55189392","Z014162","C"]}, 
    {"id":"4","cell":["4","55189393","Z014162","C"]}, 
    {"id":"5","cell":["5","55189394","Z014162","C"]}, 
    {"id":"6","cell":["6","55189395","Z014162","C"]} 
]} 

のようなものであること、およびフォーマット「セル」フィールドに表示されます。 "cell":[]の角括弧に含まれる値は、フレキグリッドがグリッドのレンダリングや塗りつぶしに使用する値です。テスト用のjspファイルで答えをシミュレートします。グリッドには4つのフィールドがあり、彼らは答えの各セルフィールドの値で満たされます。

私は、JACKSONがレンダリングできるオブジェクトを構築していますが、私はこれを達成しなければなりません。 JavaBeanは{}応答を返します。

この情報が役立ちます。

マヌエル・サンティランエル・レオン

+0

ありがとう!私はいくつかの時間前にそれを理解した:) – cmcaba

関連する問題