8

私は agGrid を使用するのは初めてです。ばかげたことを見つけたら許してください。そのため、これまでは angularjs で Kendo Grid を使用していましたが、他のグリッドに切り替えることを考えたため、現在 agGrid を試しています。

以下は、正常に機能し、すべてが機能するaggridのサンプルです。しかし、ボタンのクリックで呼び出される関数内にグリッド オプションを移動すると、警告が表示されます - ag-Grid のグリッド オプションが見つかりません。属性 ag-grid がスコープ上の有効なオブジェクトを指していることを確認してください。

この関数内で剣道グリッド オプションが正常に機能し、剣道グリッドが設定されているため、何が問題なのか理解できませんが、agGrid で何が間違っているのかわかりません。

親切に私を助けてください。

function abc($rootScope,$scope, $state, $stateParams, $timeout, Upload, baseURL, $cookieStore, $log, errorCheckFactory) {
    var columnDefs = [
        {headerName: "Make", field: "make"},
        {headerName: "Model", field: "model"},
        {headerName: "Price", field: "price"}
    ];

    var rowData = [
        {make: "Toyota", model: "Celica", price: 35000},
        {make: "Ford", model: "Mondeo", price: 32000},
        {make: "Porsche", model: "Boxter", price: 72000}
    ];

    $scope.gridOptions2 = {
        columnDefs: columnDefs,
        rowData: rowData,
        enableFilter: true,
        enableColResize: true,
        enableSorting: true,
        groupHeaders: true,
        rowHeight: 22,
        //onModelUpdated: onModelUpdated,
        suppressRowClickSelection: true

    };

}

4

3 に答える 3

4

グリッドが gridOptions を検出しない場合は、HTML テンプレートにタイプミスがあることを意味します

必要な hml テンプレートを確認してください

ag-grid="gridOptions2"

注 : controllerAs の方法でコントローラーを使用する場合は、変数を $scope ではなく this にバインドする必要があります。

これではない場合は、html とルート/状態/ナビゲーションの定義を追加します。

于 2016-03-03T12:40:22.090 に答える