0

そのui-gridUIグリッドにあるドロップダウンメニューだけでなく、csvファイルをインポートするためのボタンをカスタマイズしたいです。私は ui-grid で何も変更したくありません。追加のボタンを追加したいだけです。UI グリッドの上に簡単に表示できるようにします。

コード

var app = angular.module('app', ['ngTouch', 'ui.grid', 'ui.grid.selection', 'ui.grid.exporter', 'ui.grid.importer']);

app.controller('ViewController', ['$scope', '$http', 'uiGridConstants', function ($scope, $http, uiGridConstants) {

  $scope.gridOptions = {
    enableGridMenu: true,
importerDataAddCallback: function ( grid, newObjects ) {
    //   $scope.data = $scope.data.concat( newObjects );
    $scope.data = newObjects;
    console.log($scope.data);    
    $http.post('/save', $scope.data).then(function(data){
    console.log(data);
      $http.get('/save')
  .success(function(data) {
      $scope.gridOptions.data = data;
    });
    });
  },
    onRegisterApi: function(gridApi) {
            $scope.gridApi = gridApi;
    }
  }

$scope.gridOptions.columnDefs = [
    {name:'name'},
    {name:'age'},
    {name: 'marks'}
  ];   
  $http.get('/save')
  .success(function(data) {
      $scope.gridOptions.data = data;
    });
}])


<div ng-controller="ViewController">

  <div ui-grid="gridOptions" ui-grid-importer ui-grid-selection ui-grid-exporter  class="grid">
    </input>

  </div>
</div>
4

0 に答える 0