How to Iterate through a column of the Grid control in client side.

Hi,

@(Html.EJ().Grid<EmployeeView>("Grid")                                    .....                                .ShowSummary()                              .SummaryRow(row =>                              {                              row.Title("Maximum").SummaryColumns(col => { col.SummaryType(SummaryType.Maximum).DisplayColumn("EmployeeID").DataMember("EmployeeID").Add(); }).Add();                              })  )

Hi,
Thank you very much for your reply. But my requirement is bit different. Actually I wanted to Get the maximum value +1 and use that value in the cell of the same column of next newly adding row. That means every time when i add a new row, it should iterate the column and get the max value +1 and put that into the new row cell.
Thank you,
Kalum

@(Html.EJ().Grid<EmployeeView>("Grid")                                                  .....                   .ClientSideEvents(eve => { eve.ToolbarClick("click"); })                        )    <script>      function click(args) {              args.model.columns[1].defaultValue = ej.max(args.model.dataSource, "EmployeeID").EmployeeID + 1;      }  </script>

Hi Kuralarasa,
Thank you very much for your kind help. Now it works fine. How ever could you please tell me a way of iterating through the grid in client side and read data in every and each cell.
Thank you.
Kalum

<ej-grid id="Grid" datasource=ViewBag.parent query-cell-info="info">                            .....        </ej-grid>        <script>        function info(args) {             console.log(args.cell);            //place your code here...        }    </script>

Hi,

export class Default extends SampleBase {          load(args) {                isInitialLoad = true;          }          dataBound(args) {                if (isInitialLoad) {                  isInitialLoad = false;                  var gridCol = []                  this.grid.columns.map(function (cols, index) {                      if (index % 2 == 0) {                          //based on your condition define the column in grid model                          gridCol.push({ field: cols.field, width: 90 })                      }                  })                      this.grid.columns = gridCol; // Provide dynamically created columns to Grid                  this.grid.refreshColumns();              }          }          render() {              return (<div className='control-pane'>                  <div className='control-section'>                      <GridComponent load={this.load.bind(this)} dataBound={this.dataBound.bind(this)} ref={g => this.grid = g} dataSource={orderDetails} height='350'>                        </GridComponent>                  </div>              </div>);          }        }        render(<Default />, document.getElementById('sample'));