初始化界面，發現編輯datagrid，不能輸入小數點。

var arrColumnsCNT = [[

{

title: '毛重',

field: 'GrossWeight',

halign: 'center',

width: 60,

sortable: true,

frozen: true,

editor: {

type: 'numberbox',

options:{precision:2}

}

}

]];

function DefDataGridCNT() {

objDataGridCNT = $('#tableDataGridCNT').datagrid({

selectOnCheck: false,

checkOnSelect: false,

singleSelect: true,

rownumbers: true,

striped: true,

remoteSort: false,

multiSort: true,

scrollbarSize: 0,

fitColumns: true,

height: 250,

width: 1000,

onClickCell: onClickCellCNTGrid,

columns: arrColumnsCNT,

onBeginEdit:function(rowIndex){

var editors = $('#tableDataGridCNT').datagrid('getEditors', rowIndex);

var n1 = $(editors[8].target);

var n2 = $(editors[9].target);

var n3 = $(editors[12].target);

n1.add(n2).numberbox({

onChange:function(){

var cost = Number(n1.numberbox('getValue'))+Number(n2.numberbox('getValue'));

n3.numberbox('setValue',cost);

}

})

},

onAfterEdit: function (index, row, changes) {

autoSetValue();

}

});

};

解決辦法：頁面初始化加入如下代碼

//解決numberbox小數點問題

(function($){

$.fn.numberbox.defaults.filter = function(e){

var opts = $(this).numberbox('options');

var s = $(this).numberbox('getText');

if (e.which == 45){ //-

return (s.indexOf('-') == -1 ? true : false);

}

var c = String.fromCharCode(e.which);

if (c == opts.decimalSeparator){

return (s.indexOf(c) == -1 ? true : false);

} else if (c == opts.groupSeparator){

return true;

} else if ((e.which >= 48 && e.which <= 57 && e.ctrlKey == false && e.shiftKey == false) || e.which == 0 || e.which == 8) {

return true;

} else if (e.ctrlKey == true && (e.which == 99 || e.which == 118)) {

return true;

} else {

return false;

}

}

})(jQuery);

總結

以上是生活随笔為你收集整理的datagrid 小数点_EasyUI 解决 datagrid 中 NumberBox 限制小数位数后不能输入小数点问题...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。