1

以下は、Facebook グラフ API を使用して取得したデータです。この配列文字列を kendoui multiselect スクリプトに処理しました。以下に示すすべてのデータは、kenodo html テンプレートで取得されます。しかし、data.location.name を使用して場所を取得すると、ブラウザのコンソールに未定義の data.location が表示されます。誰かがアイデアを持っているなら、私を助けてください。

{
   "data": [
      {
         "name": "freind name: XXXX",
         "location": {
            "id": "friend location id : XXXXX",
            "name": "Bridgewater, New Jersey"
         },
         "id": "friend id : XXXXX",
         "picture": {
            "data": {
               "url": "profile pic url here : XXXX",
               "is_silhouette": true
            }
         }
      } ]
    }



jQuery("#customers").kendoMultiSelect({
                        dataTextField: "name",
                        dataValueField: "id",


                        minLength:3,
                        // define custom template
                        itemTemplate: '<img src=\"http://localhost/magento/media/facebook_icon.png\" width=\"20px\" height=\"18px\" />'+
                        '<img src=\"${data.picture.data.url}\" width=\"70\" height=\"80\" />'+
                        '<h4>${ data.name }</h4>'+
                        '<h5>${ data.location.name }</h5>',


                        tagTemplate:  '<img src=\"http://localhost/magento/media/facebook_icon.png\" width=\"20px\" height=\"18px\" />' +
                        '<img class="tag-image" src=\"${data.picture.data.url}\" />' +
                                      '#: data.name #',           

                                    dataSource : data,
                        change: onSelectChange,         
                                    height: 300
                    });
4

0 に答える 0