Question

我认为我发现了Handsontable将数字输入格式化为百分比的方式的缺陷（或者根据您对有效数字的位置接受无效输入）。

如果使用前导小数点小数点 - 格式化百分比不起作用 - 但输入被接受为有效字符串。这与以下输入被正确转换的numeral.js不一致（doc建议数字格式应该有效）：

var string = numeral(.001).format('0,0.00000%');
// outputs 0.1000%

我找到修复此问题的唯一方法是添加一个beforeChanged事件，以便在触发任何其他事件之前调用该值的parseFloat。我有一种感觉，这会在复制大量数据时减慢速度。任何人都可以确认这是一个缺陷，或者我配置错误了吗？

JS Fiddle下面取自Handsontable页面 - 删除注释掉的beforeChange以查看带有beforeChange事件的修复。只需输入以小数点开头的任何数字编号。

http://jsfiddle.net/deenairn/kwfkLqn4/4/

document.addEventListener("DOMContentLoaded", function () {

function getCarData() {
    return [{
        car: "Mercedes A 160",
        year: 2011,
        price_usd: 7000,
        price_eur: 7000
    }, {
        car: "Citroen C4 Coupe",
        year: 2012,
        price_usd: 8330,
        price_eur: 8330
    }, {
        car: "Audi A4 Avant",
        year: 2013,
        price_usd: 33900,
        price_eur: 33900
    }, {
        car: "Opel Astra",
        year: 2014,
        price_usd: 5000,
        price_eur: 5000
    }, {
        car: "BMW 320i Coupe",
        year: 2015,
        price_usd: 30500,
        price_eur: 30500
    }];
}

var
container = document.getElementById('example1'),
    hot;

hot = new Handsontable(container, {
    data: getCarData(),
    colHeaders: ['Car', 'Year', 'Price ($)', 'Price (€)'],
    columns: [{
        data: 'car'
        // 1nd column is simple text, no special options here
    }, {
        data: 'year',
        type: 'numeric'
    }, {
        data: 'price_usd',
        type: 'numeric',
        format: '$0,0.00',
        language: 'en' // this is the default locale, set up for USD
    }, {
        data: 'price_eur',
        type: 'numeric',
        format: '0,0.00 $',
        language: 'de' // i18n: use this for EUR (German)
        // more locales available on numeraljs.com
    }],
    beforeChange:
    function(changes, source) {
        alert(changes);   
    }
});

function bindDumpButton() {
    if (typeof Handsontable === "undefined") {
        return;
    }

    Handsontable.Dom.addEvent(document.body, 'click', function (e) {

        var element = e.target || e.srcElement;

        if (element.nodeName == "BUTTON" && element.name == 'dump') {
            var name = element.getAttribute('data-dump');
            var instance = element.getAttribute('data-instance');
            var hot = window[instance];
            console.log('data of ' + name, hot.getData());
        }
    });
}
bindDumpButton();

});

Answer 1

发布在这里：https://github.com/handsontable/handsontable/issues/2430，但也可以在这里发布：

我认为问题出现在numericRenderer [in handsontable.full.js]中，它在应用格式之前检查是否（helper.isNumeric（value））。如果值包含前导小数（例如，＆＃34; .3＆＃34;），则此语句的计算结果为false。因此，您可以通过添加前导零来解决此问题：

（helper.isNumeric（＆＃39; 0＆＃39; + value））对于前导小数的计算结果为true，但对于非数字仍将评估为false（＆＃34; 0.abaca＆＃34;）。 / p>

以小数点格式显示前导小数点

1 个答案: