title: JeasyUI (jquery grid) how to focus in input text inside a cell
body: <p>i use jeasyui to create a datagrid, grid have last row can edit data, each time user hit enter, i save data and insert new row let user input another data.
  My problem is how to set focus in next textbox by jquery because input text generate automation ID, i can't find it by find function .</p>
  
  <p>my code :</p>
  
  <pre><code>    $(function(){
          $('#test').datagrid({
              width:700,
              height:350,
              url:'/getlistdemoajax'&lt;%-- '&lt;%=Configuration
                  .getCssServerPath("/resources/vinamilk/datagrid_data.json")%&gt;' --%&gt;,
              sortName: 'code',
              sortOrder: 'asc',
              remoteSort: false,
              idField:'code',
              singleSelect:true,
              columns:[[
                  {field:'code',title:'TT',width:40,editor:'text'},
                  {field:'name',title:'code',width:110,editor:'text'},
                  {field:'name',title:'name',width:110,editor:'text'},
                  {field:'name',title:'name2',width:110,editor:'text'},
                  {field:'name',title:'name2',width:110,editor:'text'},
                  {field:'name',title:'name2',width:110,editor:'text'},
  
              ]],
              pagination:true,
              onLoadSuccess:function(){
                  loadSuccess = false;
                  $('#test').datagrid('appendRow',{
                      code:'',
                      name:'',
                      })
                  $('#test').datagrid('beginEdit', $('#test').datagrid('getRows').length-1);
  
          },
          onClickRow:function(rowIndex){
              var rowss = $('#test').datagrid('getSelected');
              var selected = $('#test').datagrid('getSelected');
              if (selected){
  
                  if (selected.code ==''){
                      $('#test').datagrid('beginEdit', rowIndex);
                  }
              }
              }
  
          });
          $.extend($('#test').datagrid.defaults.editors, {  
              text: {  
                  init: function(container, options){  
                      var input = $('&lt;input type="text" class="datagrid-editable-input" onkeypress="saveData(event);"&gt;').appendTo(container);  
                      return input;  
                  },  
                  getValue: function(target){  
                      return $(target).val();  
                  },  
                  setValue: function(target, value){  
                      $(target).val(value);  
                  },  
                  resize: function(target, width){  
                      var input = $(target);  
                      if ($.boxModel == true){  
                          input.width(width - (input.outerWidth() - input.width()));  
                      } else {  
                          input.width(width);  
                      }  
                  }  
              }  
          });  
      function saveData(e)
      {
          // look for window.event in case event isn't passed in
          if (typeof e == 'undefined' &amp;&amp; window.event) { e = window.event; }
          if (e.keyCode == 13)
          {
              $('#test').datagrid('acceptChanges');
              //Create one row
              $('#test').datagrid('appendRow',{
                      code:'',
                      name:'',
                      })
              $('#test').datagrid('beginEdit', $('#test').datagrid('getRows').length-1);
          }
      }
  </code></pre>