Firefoxで剣道のグリッドが表示されない

Question

私は剣道のグリッドがInternet Explorer（10,11）で正常に動作しています。しかし、それはFirefoxの中では全くロードされません（最新バージョンといくつかの以前のバージョンでテストされています）。

fileAと呼びましょう。私は自分のajaxリクエストを呼び出してから、別のファイル（fileB）の関数を呼び出してリクエストからJSONオブジェクトを渡します。

fileA：

//the json object retrieved from my ajax call: 
var obj = {name: "John Doe"}; 

//call to fileB 
Test(obj); 

fileBはクロージャの形をとります。

var Test = (function() { 
var myfunction = function(obj){ 
    showGrid(obj); 
} 

function showGrid(obj){ 
    var datasource; 

    if(obj != null){ 
    datasource = new kendo.data.DataSouce({ 
     data: obj, 
     pageSize:10 
    }); 
    } else{ 
    datasource = new kendo.data.DataSouce({ 
     data: []; 
    }); 
    } 

    $("#grid").kendoGrid({ 
     dataSource: datasource 
     height: 850, 
     groupable: false, 
     sortable: true, 
     pageable: { 
      refresh: true, 
      pageSizes: true, 
      buttonCount: 15 
     }, 
     columns: [{ 
      field: "name", 
      title: "Name", 
      width: 200 
     }] 
     }); 
    } 

})(); 

私はこのフィドルを作成しました：私はこれと間違って行くと、どのようでしたhttp://jsfiddle.net/savxdnt3/1/

この作品をFirefoxで作れますか？どんな助けもありがとう。

Answer 1

あなたのコードにはいくつかの問題があります。

• あなたはあなたのコード内の誤字がたくさんあります。 （kendo.data.DataSouce）missing r; obsoletセミコロンdata: [];など
• あなたはデータソースとしてobjを提供しますが、剣道は配列を期待しています。

任意の方法、ここでは1つの単純なアプローチは次のとおりです。

function showGrid(obj){ 
    var datasource; 

    if(obj != null) { 
    datasource = new kendo.data.DataSource({ // fixed spelling 
     data: obj, 
     pageSize:10 
    }); 
    } else { 
    datasource = new kendo.data.DataSource({ //fixed spelling 
     data: [] //removed semi-colon 
    }); 
    } 

    $("#grid").kendoGrid({ 
    dataSource: datasource, 
    height: 850, 
    groupable: false, 
    sortable: true, 
    pageable: { 
     refresh: true, 
     pageSizes: true, 
     buttonCount: 15 
    }, 
    columns: [{ 
     field: "name", 
     title: "Name", 
     width: 200 
    }] 
    }); 
} 

obj = [{name: "John Doe"}] // pass in array, not object; 
showGrid(obj); 

ここで暴露のモジュールパターンを使用して、更新フィドルです：http://jsfiddle.net/savxdnt3/2/

これは、物事をより読みやすくする必要があります。グリッドの内容を1つのファイルに入れ、それ以外のコードでTest（または名前を変更）として使用してください。