javascript - Ho使用jtable插件在mvc中的点后格式化小数字段2位

Question

我无法格式化价格字段。这是我的看法。我从 Controller 发送记录作为 JSON 对象，并且运行良好。 我想将输出格式化为点后两位的十进制，例如 100.00。

<link href="~/Content/jtable.2.4.0/jtable.2.4.0/themes/metro/blue/jtable.css" rel="stylesheet" type="text/css">
<link href="~/Content/jquery-ui-themes-1.11.2/themes/start/jquery-ui.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="~/Scripts/jquery-1.11.1.js"></script>
<script type="text/javascript" src="~/Scripts/jquery-ui.js"></script>
<script type="text/javascript" src="~/Scripts/jquery.jtable.js"></script>

<script type="text/javascript">
   $(document).ready(function() {

      var lokalizacijaSrpski = {
         serverCommunicationError: 'Greska u komunikaciji sa serverom.',
         loadingMessage: 'Ucitavanje...',
         noDataAvailable: 'Podaci nisu dostupni',
         addNewRecord: 'Dodaj novi slog',
         editRecord: 'Izmjeni',
         areYouSure: 'Da li ste sigurni?',
         deleteConfirmation: 'Da li ste sigurni da zelite da obrisete slog?',
         save: 'Sacuvaj',
         saving: 'Snimanje',
         cancel: 'Odustani',
         deleteText: 'Obrisi',
         deleting: 'Brisanje',
         error: 'Greska',
         close: 'Zatvori',
         cannotLoadOptionsFor: '{0} nemoguce ucitati!',
         pagingInfo: 'Ukupno {2}, prikaz {0} od {1}',
         gotoPageLabel: 'Idi na stranicu',
         pageSizeChangeLabel: 'Broj redova',
         canNotDeletedRecords: '{1} nemogucnost brisanja {0} sloga!'
      };

      $('#tXMLIndex').jtable({
         messages: lokalizacijaSrpski,
         title: 'XML PARSER',
         paging: true,
         pageSize: 10,
         sorting: true,
         actions: {
            listAction: '/XmlParser/ListXML'
         },
         fields: {
            XMLId: {
               title: 'Xml id',
               key: true,
               create: false,
               edit: false
            },
            Naziv: {
               title: 'Naziv'
            },
            Price: {
               title: 'Price'

            }
         },

         recordUpdated: function(event, data) {
            $('#tXMLIndex').jtable('load');
         }
      });

      $('#tXMLIndex').jtable('load');

      $.fn.focusTextToEnd = function() {
         this.focus();
         var $thisVal = this.val();
         this.val('').val($thisVal);
         return this;
      }
      $('#tbXMLIndexPretraga').focusTextToEnd();

      $("#tbXMLIndexPretraga").keyup(function() {
         $("#tXMLIndex").jtable('load', {
            searchString: $("#tbXMLIndexPretraga").val()
         });
      });
   });
</script>

<div id="tXMLIndex"></div>

有什么建议吗？

Answer 1

客户端:

我已经使用 number_format.js 完成了数字格式化，而且效果很好。

如果您愿意将 js 添加到您的页面，则可以这样做:

  Price: { title: 'Price',
           edit: true,
           list: true,
           display: function (data) {
                      return number_format(data.record.price, 2, '.', ',');
                    }
         },

number_format 如下:

函数 number_format(数字、小数、dec_point、thouss_sep)

服务器端:

为了帮助您，您必须发布一些代码。你的 JSON 是什么样的？ /XmlParser/ListXML 会产生什么？