title: Localize jqgrid with grid.locale-XX.js file
body: <p>I have a grid with numeric columns.  I use the file grid.locale-it.js and numbers in the grid are displayed right(thousands separator: . and decimal separator:, . In the edit form instead the numbers are represented in standard U.S.
  What should I do to format numbers in IT also in the edit form ?
  thanks</p>
  
  <p>This is the page source code:</p>
  
  <pre><code>$("#grid").jqGrid({
          url: 'AnagArticoli.aspx',
          loadError : function(xhr, st, str){alert('Serverside load error!'); window.location.assign("elmah.axd");},
          editurl: 'AnagArticoli.aspx', 
          datatype: 'local',
          postData: { ActionPage: 'TransportType', Action: 'Fill' },
          multiselect: true,
      colNames: ['Codice articolo', 'Descrizione articolo', '','Area', '', 'key' ,],
      colModel: [
          { name: 'CodiceArticolo' 
           ,index: 'CodiceArticolo' 
           ,width: 100 
           ,align: 'Left' 
           ,editable: true 
          },
          { name: 'DescrizioneArticolo' 
           ,index: 'DescrizioneArticolo' 
          ,width: 350 
        ,align: 'Left' 
        ,editable: true 
          },
          { name: 'Peso' 
           ,index: 'Peso' 
        ,width: 80 
        ,align: 'Right' 
        ,sorttype: 'float' 
        ,editable: true 
        ,editoptions: { number: true}  
        ,editrules: { required:true, number:true } 
        ,formatter: 'number' 
          },
          { name: 'Area' 
           ,index: 'Area' 
        ,width: 80 
        ,align: 'Left' 
        ,editable: true 
        ,edittype: 'select' 
        ,editoptions: {value:'02:MANUALE;01:DEFAULT'} 
          },
          { name: 'DataUpdate' 
           ,index: 'DataUpdate' 
        ,width: 150 
        ,align: 'Left' 
        ,sorttype: 'float' 
        ,editable: true 
        ,editoptions: { size: 10, maxlengh: 10, dataInit: function(element) { $(element).datepicker({dateFormat: 'dd/mm/yy'}) } } 
        ,formatter: 'date' 
        , formatoptions:{ srcformat:'d/m/Y h:i:s', newformat:'d/m/Y h:i:s' } 
          },
          { name: 'key'
           , key: false, hidden: true, editable: true, editrules: { edithidden: false }, hidedlg: true 
          },
      ],
      ignoreCase:true,
      cellEdit: false,
      onSelectRow: function(id) {
          if (id &amp;&amp; id !== lastSel) {
              grid.jqGrid('restoreRow',lastSel);
          }
      },
      height: 'auto',
      rowNum: 10,
      rowList: [10, 20, 30],
      pager: '#pager',
      sortname: 'CodiceArticolo',
      viewrecords: true,
      sortorder: 'desc',
      mtype: 'GET',
      sortable: true,
      loadonce: true,
      gridComplete: function(){ 
          $("#grid").setGridParam({datatype: 'local'}); 
          grid.jqGrid('hideCol', 'cb'); 
      },
      beforeSelectRow: function (rowid, e) {
          if (!e.ctrlKey &amp;&amp; !e.shiftKey) {
              $("#grid").jqGrid('resetSelection');
              LastSelectIndex = $("#grid").jqGrid('getInd', rowid);
          }
          else if (e.shiftKey) {
              var initialRowSelect = $("#grid").jqGrid('getGridParam', 'selrow');
              $("#grid").jqGrid('resetSelection');
              var CurrentSelectIndex = $("#grid").jqGrid('getInd', rowid);
              var InitialSelectIndex = $("#grid").jqGrid('getInd', initialRowSelect);
              var startID = "";
              var endID = "";
              if (CurrentSelectIndex &gt; InitialSelectIndex) {
                  startID = initialRowSelect;
                  endID = rowid;
              }
              else {
                  startID = rowid;
                  endID = initialRowSelect;
              }
              var shouldSelectRow = false;
              $.each($("#grid").getDataIDs(), function(_, id){
                 if ((shouldSelectRow = id == startID || shouldSelectRow) &amp;&amp; (id != rowid)){
                    $("#grid").jqGrid('setSelection', id, false);
                  }
                  return id != endID;
              });
          }
          return true;
      }, 
  });
  
  $("#grid").jqGrid('filterToolbar', {stringResult: true, searchOnEnter: false, defaultSearch : "cn"});
      $("#grid").jqGrid('navGrid', '#pager', 
             { 
                 add:true, 
                 del:true, 
                 edit:true, 
                 refresh:true, 
                 search:true, 
             },
          { width: 500, modal: true, editData: { ActionPage: 'TransportType', Action: 'Update'}, savekey: [true, 13], recreateForm: true, closeOnEscape: true, closeAfterEdit: true, mtype: 'POST', reloadAfterSubmit: true, 
             afterSubmit: function () {
                 $(this).jqGrid("setGridParam", {datatype: 'json'});
                 return [true];
             }
          }, // EDIT OPTION
          { width: 500, modal: true, editData: { ActionPage: 'TransportType', Action: 'Insert' }, closeOnEscape: true, closeAfterAdd: true, }, // ADD OPTION
          { // del options 
            width: 500, modal: true, bSubmit: 'Elimina', caption: 'Cancellazione', reloadAfterSubmit: true, closeOnEscape: true, 
               beforeShowForm: function(form) {
                  $('td.delmsg',form).html('Do you really want delete the row with &lt;b&gt;id=' +
                                      $("#grid").jqGrid('getGridParam','selarrrow') + '&lt;/b&gt;?');
               } 
              }, 
          { width: 460, closeOnEscape: true, multipleSearch: true, recreateFilter: true, overlay: false } // SEARCH OPTION
      );
      $("#grid").jqGrid('inlineNav','#pager', {addParams: {addRowParams: {}}});
  </code></pre>