2016-05-17 11 views
1

私は角度js剣道グリッドをリフレッシュしようとしていますが、解決策は私のために働いていません。私はフォーラムで提案されたソリューションのほとんどを試しました。ここでAngularJs Kendo Gridをリフレッシュするには?

は、ここに私のHTMLコード

<tab heading="Transactions (Exception)" data-ng-controller="ExceptionSearchResultsController as exceptionSearchResults" data-ng-show="exceptionSearchResults.hasResults"> 
    <div class="panel panel-default"> 
    <div id="exceptionSearchResultsGrid" data-kendo-grid ="exceptionSearchResults" data-k-options="exceptionSearchResults.gridOptions" data-show-no-results data-show-active-filters data-k-rebind="exceptionSearchResults.gridOptions"></div> 
    </div> 
</tab> 

である私のコントローラのコードは

function initDataWatch() { 
      $scope.$watch(function() { 
       return exceptionDataService.reportData(); 
      }, function (newValue) { 
       viewModel.dataRecords = newValue.records || []; 

       viewModel.gridOptions = { 
        dataSource: new kendo.data.DataSource({ 
         data: viewModel.dataRecords, 
         pageSize: 15, 
         sort: { field: "dateCreated", dir: "asc" } 
        }), 
        pageable: { 
         pageSizes: [15, 50, 100], 
         pageSize: 15, 
         input: true 
        }, 
        height: 575, 
        columns: viewModel.columns, 
        columnMenu: true, 
        reorderable: true, 
        filterable: true, 
        resizable: true, 
        sortable: true, 
        groupable: true, 
        navigatable: true 
       }; 
      }, true); 
     } 

viewModel.dataRecordsあるサービスコールから来ていると私は、ログのデータを見ることができます。

答えて

1

あなたはデータが変更された後に、グリッドのデータソースにアクセスし、新しいデータソースを設定する必要がありますように見えます。

http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#methods-setDataSource

http://docs.telerik.com/kendo-ui/api/javascript/data/datasource#methods-fetch

+0

ありがとうございました。 初めての読み込み中です。 "TypeError:未定義のプロパティ 'setDataSource'を読み取ることができません。 – shakeelstha

+0

初めてグリッドが定義されていませんでした。 – shakeelstha

+0

setDataSourceが私のために働いた - ありがとう! – user1191559

0

グリッドを再読み込みしてください。

$("#kgrid").data("kendoGrid").dataSource.read();

DEMO

+0

私はすでにこれを試してみました。私はTypeErrorを取得します:viewModel.gridOptions.dataSource.readは関数ではありません – shakeelstha

+0

$ scopeで試してください。 '$ scope.gridOptions.dataSource.read()'を呼び出し、ビューを 'gridOptions'としてバインドします –

+0

$ scope.gridOptions = viewModel.gridOptions; $ scope.gridOptions.dataSource.dataの新しいデータが表示されます $ scope.gridOptions.dataSource.read()はまだ関数エラーではありません – shakeelstha

関連する問題