3

열을 추가 안녕하세요, 각 iu-grid를 사용하여 앵글 그리드를 사용하여 mvc controller.But에서 오는 데이터를 바인딩 할 때 ui-grid에 데이터를 바인딩 한 것을 표시합니다. 각각의 행에 버튼이있는 그리드에 여분의 열을 동적으로 추가합니다. 그 방법을 모르겠다. 아무 도움도 감사하지 않을 것이다 ..각도 js 동적으로 ui-grid

코드 : 여기서 columnDefs는 mvc controll 액션을 호출하는 http 서비스 메소드에 바인드되며 의 대답을이 columnDefs의 필드에 배열을 바인딩이있는 각 row.Is을위한 버튼이있을 것이다 자진 새 열을 추가 할 바인딩 :

$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() 처리기에 다음 newcol '대신 기존 ui-grid ..에 새 열을 추가 할 수 있습니다 .. – swapnil

+0

안녕하세요, S.Baggy 저는 그것을 시도했지만 .. ui-grid의 기존 열을 덮어 쓰는 것은 새 것을 보여줍니다 .. – swapnil

+0

열을 추가하는 데 사용한 코드를 붙여 넣을 수 있습니까? –