2017-09-20 16 views
0

ハッシュマップ型のデータをjqgridに戻すコントローラーからデータをフェッチする方法を教えてもらえますか?jqgridを使用して表形式でデータを表示

これは私が試みたものです。その無限垂れ

$(document).ready(function(){ 
    $("#datatable").jqGrid({ 
     url:"${pageContext.request.contextPath}/employees", 
     cache: false, 
     colNames:["id","name","age","salary","address","laptop"], 
     colModel:[ 
        {name:"id",index:"id", width:60}, 
        {name:"name",index:"name", width:90}, 
        {name:"age",index:"age", width:100}, 
        {name:"salary",index:"salary", width:80, align:"right"}, 
        {name:"address",index:"address", width:80, 
align:"right"},  
        {name:"laptop",index:"laptop", width:80,align:"right"}  
       ], 

      mtype: "GET", 
      rownumbers: true, 
      rownumWidth: 40, 
      gridview: true, 
      caption: "Hashmap Data" 
    }); 
}); 

コントローラーパート

@RequestMapping(value="/employees", method = RequestMethod.GET) 
public ModelAndView listEmployees() { 
    Map<String, Object> model = new HashMap<String, Object>(); 
    model.put("employees", 
    prepareListofBean(employeeService.listEmployeess())); 
    for (Entry<String, Object> entry : model.entrySet()) { 
     String key = entry.getKey().toString(); 
     Object value = entry.getValue(); 
     System.out.println("hello key, " + key + " value " + value); 
     } 
    return new ModelAndView("employeesList", model); 
} 

例に入る: 従業値[1ラム22 12234 USAはい、6 ABC 25 23889 XYZ、はい]

誰かが助けてください私はこれを解決することに私。 そのパースエラーを与える:あなたのURL ${pageContext.request.contextPath}/employeesリターンを何無効なXMLメッセージ

+2

にそれを変更してみてください、私たちにそのAJAX呼び出しの例のデータを表示してください。 – juzraai

+0

値[1 ram 22 12234 usa yes、6 abc 25 23889 xyz、yes] – abc

答えて

2

たぶん、あなたはjqgridオプションでdatatypeキーに欠けている

チェック!別のオプションで同じデータ型を指定するdatatype

documentationによれば、デフォルト値datatypexmlです。

json

+0

jsonに変換せずに実行する可能性はありますか? – abc

+0

これは、データ型に与えることができるドキュメントの内容です。 グリッドを埋めるデータがどのような形式であるかを定義します。有効なオプションは、xml(xml形式のデータが必要です)、xmlstring(xmlデータは文字列)、json(JSON形式のデータが必要です)、jsonstring(JSONデータが文字列と見なされます)、localクライアント側(配列データ))、javascript(データとしてjavascriptが必要)、function(データを取得するためのカスタム定義関数)、またはclientSideを使用して、データ配列を介して手動でデータをロードします。 – gabbarsingh

+0

私はxmlとローカルの両方としてデータ型を与えようとしました。 – abc

関連する問題