AngularJS (ng-grid) "editableCellTemplate" remains in edit mode on loss of focus

angularjs ng-grid
Rob picture Rob · Jul 16, 2013 · Viewed 7.8k times · Source

In the latest version of ng-grid(v2.0.7), when a editableCellTemplate is in edit mode and loses focus, it remain in edit mode. Is this a bug or did I configure the grid incorrectly?

Here's an example: http://plnkr.co/edit/OgEjk7wFaC982FrKbeHH?p=preview where column 0 contains the editableCellTemplate.

Answer

Rob picture Rob · Jul 17, 2013

I found the answer in one of the templates inside of ng-grid.js. I was missing ng-input="COL_FIELD"

  <select ng-cell-input ng-class="'colt' + $index" ng-input="COL_FIELD" ng-model="COL_FIELD">
      <option>nl</option>
      <option>fr</option>
      <option>en</option>
  </select>

Related questions

Best way to represent a Grid or Table in AngularJS with Bootstrap 3?

I am creating an App with AngularJS and Bootstrap 3. I want to show a table/grid with thousands of rows. What is the best available control for AngularJS & Bootstrap with features like Sorting, Searching, Pagination etc.

Read More
ng-options with simple array init

I'm a little bit confused with Angular and ng-options. I have a simple array and I want to init a select with it. But, I want that options value = label. script.js $scope.options = ['var1', 'var2', 'var3']; …

Read More
How to hide column in ng grid

here is my code: index.html <!DOCTYPE html> <html ng-app="myApp"> <head> <meta charset="utf-8" /> <title>AngularJS Plunker</title> <link rel="stylesheet" type="text/css" href="http://…

Read More