0

KendoUI を使用して、JSON ファイルであるリモート データソースからチャートを作成しています。パラメーター (データソース オブジェクト内) をリモート パスに割り当てる urlと、JSON を指してグラフが表示されません。

のように言う

var myVar="some remote url"; 

dataSource: {
   transport: {
     read: {
       url: myVar,
       dataType: "json"
     }
   }
}

一方、URLを次のように直接指定すると:

url: "http://myserver-name/somefile.json"

チャートが表示されているのがわかります。

私は自分が間違っていることを理解できません。

4

2 に答える 2

0

まあ、あなたのソリューションは私にとってはうまくいきましたが、別の方法で.csファイルからurl値を取得し、javascript変数に保存していました。var URL="<%=myCS変数%>";

しかし、これだけでは機能しません...:( URL 変数の値を var completeURL="\"" + URL + "\""; のように変更する必要がありました。

次に、 dataSource オブジェクトを次のように作成します。

var mydataSource = new kendo.data.DataSource({
         transport: {
             read: {
                 url: URL,   // this is the tricky part. Using 'completeURL'           here doesnt creates my chart , instead 'URL' works just fine.
                 dataType: "json"
             }
         }


 });

私はその奇妙なことを知っていますが、それが私にとってどのように機能したか..とにかく、ありがとう..:)

于 2012-12-27T08:06:57.677 に答える
0

それはうまくいくはずです！jsfiddleで実行されている以下を確認してください 。

var url = "http://demos.kendoui.com/service/Products";
var dataSource = new kendo.data.DataSource({
    transport: {
        read: {
            url: url,
            dataType: "jsonp"
        }
    },
    pageSize: 4,
    schema: {
        model: {
            id: "ProductID",
            fields: {
                ProductID: {
                    editable: false,
                    nullable: true
                },
                ProductName: "ProductName"
            }
        }
    }
});

$("#kendogrid").kendoGrid({
    dataSource: dataSource,
    columns: [
        {
            field: "ProductID",
            title: "ID"},
        {
            field: "ProductName",
            title: "Name"}
    ]
});​

これが HTML です。

<div id="kendogrid"></div>​

外部 URL を定義し、それを変数 ( url) に設定してから、結果の を使用しDataSourceます。

違いを確認するか、jsfiddle または jsbin でできるだけ完全なコードを投稿してください。

于 2012-12-26T22:23:07.817 に答える