限制输入位数

收藏

可否发一个wijmo5中，flexgrid的单元格限制输入位数的实例？谢谢

Alice · Alice

在FlexGrid的列下就有maxLength属性，可以限制最大长度

sj123456 · sj123456

Alice 发表于 2016-12-30 09:34
在FlexGrid的列下就有maxLength属性，可以限制最大长度

能否给个具体事例？
直接在列下设置maxLength，画面上的flexgrid就显示不出来了。

$(document).ready(function () {
var grid = new wijmo.grid.FlexGrid('#gs00FlexGrid');
var data = [];
for (var i = 0; i < 12; i++) {
data.push({
ID: "0001",
NM: "XXXXXX"
});
}
var cvTrackingChanges = new wijmo.collections.CollectionView(data);
grid.headersVisibility = wijmo.grid.HeadersVisibility.Column;
grid.initialize({
autoGenerateColumns: false,
columns: [
{ header: 'ID', binding: 'ID', width:70, isReadOnly:false, maxLength:1},
{ header: 'NAME', binding: 'NM', width:70, isReadOnly:false, maxLength:5}
],
itemsSource: cvTrackingChanges,
});
grid.selectionMode = "Row";
})
</script>

Alice · Alice

sj123456 发表于 2016-12-30 12:01
能否给个具体事例？
直接在列下设置maxLength，画面上的flexgrid就显示不出来了。

没有现成的示例。
没法重现您的问题。
使用产品博客的示例，添加属性设置，可以限制长度。
供您参考：
http://blog.gcpowertools.com.cn/post/wijmo5_flexgrid_binding.aspx

sj123456 · sj123456

Alice 发表于 2016-12-30 13:01
没有现成的示例。
没法重现您的问题。
使用产品博客的示例，添加属性设置，可以限制长度。

提供的网页打不开。上面那段代码中加maxlength的写法是正确的吗？

Alice · Alice

sj123456 发表于 2016-12-30 14:09
提供的网页打不开。上面那段代码中加maxlength的写法是正确的吗？

很抱歉回复晚了。
代码没有错。
我这里博客可以正常打开。
您也可以通过获取列以后设置，比如：

// add validation attributes to columns
var col = sender.columns.getColumn('country');
col.maxLength = 5;

复制代码

如果需要对输入做限制提示，也可以在cellEditEnded事件里处理，比如：

// limit country length to 5 characters
$scope.cellEditEnded = function(sender, args) {
var col = sender.columns[args.col];
if (col.maxLength) {
var val = sender.getCellData(args.row, args.col);
if (val.length > col.maxLength) {
alert('This column is limited to '+ col.maxLength +' characters.');
sender.setCellData(args.row, args.col, val.substr(0, 5));
sender.invalidate();
}
}
}

复制代码

		自动登录	找回密码
密码			立即注册

限制输入位数

5 个回复

活字格认证

微信认证勋章

元老葡萄