title: jqgrid number formatter use
body: <p>In my formatter, I've got the following code:</p>
  
  <pre><code>formatter: {
      number: { decimalSeparator: ".", thousandsSeparator: " ", decimalPlaces: 4, defaultValue: '0.0000' }
  },
  </code></pre>
  
  <p>and in my colModel I have:</p>
  
  <pre><code>  { name: 'SalesPrice', index: 'SalesPrice', width: 90, align: 'left', formatter:'number', editable: true, editoptions:
                    {
                        readonly: true
                    }
                    }
  </code></pre>
  
  <p>My datatype is set to "local"</p>
  
  <p>When I first display the form, I get "0.00" and not "0.0000" as I was hoping for. Morever, in inline editing mode, the SalesPrice value changes depending upon other cells in the grid. After the updates the SalesPrice value is shown as an integer. </p>
  
  <p>What could I be doing wrong?</p>
  
  <p>EDIT: More complete code</p>
  
  <pre><code>$("#customerOrderLineList").jqGrid({
      //      url: 'someUrl',
      datatype: 'local',
      formatter: {
          number: { decimalSeparator: ".", thousandsSeparator: " ", decimalPlaces: 4, defaultValue: '0.0000' }
      },
      //      mtype: 'POST',
      colNames: [ 'Part Number', 'Sales Price'],
      colModel: [
                    { name: 'PartNumber', index: 'PartNum', width: 90, align: 'left', editable: true, editoptions:
                    {
                        dataInit: function (el) {
                            $(el).autocomplete({
                                source: "Autocomplete",
                                minLength: 1
                            });
                        }
                    }
                    },
  
                    { name: 'SalesPrice', index: 'SalesPrice', width: 90, align: 'left', formatter: 'number',
                        formatoptions: { decimalSeparator: ".", thousandsSeparator: " ", decimalPlaces: 4, defaultValue: '0.0000' }, editable: true, editoptions:
                    {
                        readonly: true
                    }
                    }
               ],
      pager: jQuery('#pager'),
      rowNum: 10,
      rowList: [5, 10, 20, 50],
      sortable: true,
      sortname: 'PartNum',
      sortorder: "asc",
      viewrecords: true,
      imgpath: '',
      autowidth: true,
      onSelectRow: function (id, status) {
          if (id &amp;&amp; id !== lastsel) {
              $('#customerOrderLineList').jqGrid('restoreRow', lastsel);
              $('#customerOrderLineList').jqGrid('editRow', id, true);
              lastsel = id;
          }
      },
      caption: 'Caption'
  });
  </code></pre>