title: AG grid: Disable edit rows unless save the one whhich is edited
body: <p>I have a requirement where, once the row edited in ag grid no other row should be allowed to edit unless the row has been saved.</p>
  
  <p>is there any way to achieve it?</p>
  
  <p>I am using onRowClick($event)  method to put some validation, sample is mentioned below:</p>
  
  <pre><code> onRowClick(event: any) {
          if (this.cellChangeCount === 0) {
              this.UnsavedNodeIndex = event.node.rowIndex;
              this.UnsavedNodeID=event.data.ID;
              console.log(event.node);
          }
  
          if (this.cellChangeCount !== 0 &amp;&amp;  (this.UnsavedNodeID!=event.data.ID )  &amp;&amp; !this.newRowClicked) {
  
              if(typeof this.UnsavedNodeID !="undefined"){
              this.alertService.info("Save data first.");
  
              this.onBtStartEditing();
              }
          }
          if(this.newRowClicked==true   &amp;&amp;  (this.UnsavedNodeID!=event.data.ID )  ){
              this.gridApi.stopEditing();
              this.gridApi.setFocusedCell(0, 'ColName');
              this.gridApi.startEditingCell({
                  rowIndex: 0,
                  colKey: 'ColName',
              });
              this.gridApi.forEachNode(node=&gt; node.rowIndex==0 ? node.setSelected(true) : node.setSelected(false))
          }
          this.cellChangeCount++
      }
  
  
   onBtStartEditing() {
          this.gridApi.stopEditing();
          this.gridApi.setFocusedCell(this.UnsavedNodeIndex, 'COlName');
          this.gridApi.startEditingCell({
              rowIndex: this.UnsavedNodeIndex,
              colKey: 'ColName',
          });
          this.gridApi.forEachNode(node=&gt; node.rowIndex==this.UnsavedNodeIndex ? node.setSelected(true) : node.setSelected(false))
      }
  </code></pre>
  
  <p>this is working as of now, but I am looking for some robust solution if there is any.
  Thanks</p>