3

こんにちは、私は角uiグリッドを使用してmvc controller.Butからデータをバインドして表示するためにuiグリッドを使用していますそれぞれの行にボタンを持つグリッドに余分な列を動的に追加する方法を知っています。何か助けに感謝します..角度js動的にuiグリッドに列を追加します。

code:ここでcolumnDefsはmvc controllアクションを呼び出すhttpサービスメソッドにバインドされます。 response.IがcolumnDefsのフィールドに配列をバインドするためにそこに任意の各row.Isためのボタンがありますnow.That新しい列を追加したいバインド:

$scope.gridOptions = { 
      enableColumnsResize: true, 
      enableSorting: false, 
      enableFiltering: false, 
      autoResize: true, 
      enableFocusedCellEdit: true, 
      enableCellSelection: true, 
      enableCellEditOnFocus: true, 
      enableColumnMenus: false, 
      columnDefs: [ 

      ], 
      data:$scope.swap, 
      onRegisterApi: function (gridApi) { 
       $scope.grid1Api = gridApi; 
      } 

     }; 
$http.get('/Default1/GetJsonData') 
      .success(function (result) { 
       $scope.swap = result; 
       $scope.gridOptions.push({name:'newcol',filter:'newcolarray'}) 

       $scope.gridOptions.data = $scope.swap; 
       console.log(result); 
      }) 
      .error(function (data) { 
       console.log(data); 
      }); 

答えて

0

あなたが行うことができる必要がありますあなたは "$scope.gridOptions.data

+0

は、私はそれだけでUI-grid..and表示を上書きthis.willについてクエリを持って設定

$scope.gridOptions.columnDefs.push({name: 'newCol', displayName: 'My new col'}); 

というように、列ごとにそのようなもの呼び出し、前にsuccess()ハンドラで、次の新しい列を既存のui-gridにappendingするのではなく、newcolを使用することができます。 – swapnil

+0

こんにちは、S.Baggy私はそれを試みました..しかし、それはui-gridの既存の列を上書きします。 – swapnil

+0

列の追加に使用したコードを貼り付けることはできますか? –

関連する問題