JQuery Grid - set value open next cell editor

Invoke the begincelledit method of the jqxGrid. Author: http://jqwidgets.com

HTML

<script src="https://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<script src="https://jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/generatedata.js"></script>
<div id="grid"></div>

JavaScript

var data = '[	{ "Country": "Italy", "City": "Rome"},' +
							'{"Country": "France", "City": "Paris"},' +
							'{"Country": "USA", "City": "Washington"}]';

var source = {
  datatype: "json",
  datafields: [{ 
  	name: 'Country', 
    type: 'string' 
   }, { 
   	name: 'City', 
    type: 'string' 
   }],
  localdata: data
};
var dataAdapter = new $.jqx.dataAdapter(source);


$("#grid").jqxGrid({
	width: 300,
  source: dataAdapter,
  selectionmode: 'singlecell',
  editable: false,  
  autoheight: true,
  columns: [{
      text: 'Country',
      datafield: 'Country',
      width: 150,
      editable: false
  },{
      text: 'City', 
      datafield: 'City', 
      width: 150,
      editable: false
  }]
});