ui-grid cellTypeCondition 可能吗?
ui-grid cellTypeCondition possible?
有谁知道 ui-grid 中是否可以使用 cellEditableCondition 等条件设置单元格类型?
我需要将一些可编辑的行类型设置为文本而不是数字。
谢谢
你应该定义算法来指定 columnDef
中的列
这是我的工作解决方案的一部分:
var type = '';
var cellFilter = '';
var widthLength = 100;
switch (value.Type) {
case "int":
case "bigint":
case "numeric":
type = 'number';
widthLength = 120;
break;
case "date":
type = 'dateStr';
cellFilter = "date: 'dd.MM.yyyy'";
widthLength = 90;
break;
case "datetime":
type = 'dateStr';
cellFilter = "date: 'dd.MM.yyyy HH:mm' : 'UTC'";
widthLength = 120;
break;
case "bit":
type = 'boolean';
break;
default:
type = 'string';
widthLength = 150;
break;
}
var item = {
name: value.Name,
displayName: value.Name,
minWidth: widthLength,
width: '*',
type: type
};
当您完全定义所需的列时,只需将其推送到 columnDefs
数组。
$scope.yourGridName.columnDefs.push(item);
或
vm.yourGridName.columnDefs.push(item);
如果您使用视图模型而不是 $scope
。
有谁知道 ui-grid 中是否可以使用 cellEditableCondition 等条件设置单元格类型?
我需要将一些可编辑的行类型设置为文本而不是数字。
谢谢
你应该定义算法来指定 columnDef
中的列这是我的工作解决方案的一部分:
var type = '';
var cellFilter = '';
var widthLength = 100;
switch (value.Type) {
case "int":
case "bigint":
case "numeric":
type = 'number';
widthLength = 120;
break;
case "date":
type = 'dateStr';
cellFilter = "date: 'dd.MM.yyyy'";
widthLength = 90;
break;
case "datetime":
type = 'dateStr';
cellFilter = "date: 'dd.MM.yyyy HH:mm' : 'UTC'";
widthLength = 120;
break;
case "bit":
type = 'boolean';
break;
default:
type = 'string';
widthLength = 150;
break;
}
var item = {
name: value.Name,
displayName: value.Name,
minWidth: widthLength,
width: '*',
type: type
};
当您完全定义所需的列时,只需将其推送到 columnDefs
数组。
$scope.yourGridName.columnDefs.push(item);
或
vm.yourGridName.columnDefs.push(item);
如果您使用视图模型而不是 $scope
。