Ag grid 是否将agRichSelectCellEditor限制为n项?

Ag grid 是否将agRichSelectCellEditor限制为n项?,ag-grid,ag-grid-angular,Ag Grid,Ag Grid Angular,是否有任何方法限制内置agRichSelectCellEditor的高度(如n*.cellHeight) 我看到有一个cellRenderer,但这只会影响单个列表项-我知道我总是可以实现一个自定义编辑器,但我想先看看这是否可能覆盖CSS规则。ag rich select list .ag-rich-select-list { width: 100%; min-width: 200px; height: auto !important; } var学生=[{ 名字:“鲍勃”, 姓

是否有任何方法限制内置agRichSelectCellEditor的高度(如n*.cellHeight)


我看到有一个cellRenderer,但这只会影响单个列表项-我知道我总是可以实现一个自定义编辑器,但我想先看看这是否可能

覆盖CSS规则
。ag rich select list

.ag-rich-select-list {
  width: 100%;
  min-width: 200px;
  height: auto !important;
}
var学生=[{
名字:“鲍勃”,
姓:“哈里森”,
性别:'男性',
地址:美国里约热内卢卡塔拉市雷霆马车公共区1197号,邮编:02987-1016,(401)747-0763,
心情:“快乐”,
国家:{
名称:'爱尔兰',
代码:“IE”
}
}, {
名字:“玛丽”,
姓:“威尔逊”,
性别:'女性',
年龄:11岁,
地址:'3685洛基沼泽地,肖塔克特,纽卡斯尔州,X1E-9I0,加利福尼亚州,(867)371-4215',
心情:“悲伤”,
国家:{
名称:'爱尔兰',
代码:“IE”
}
}, {
名字:“萨迪克”,
姓:“汗”,
性别:'男性',
年龄:12岁,
地址:'3235 High Forest,格伦坎贝尔,MS,39035-6845,美国,(601)638-8186',
心情:“快乐”,
国家:{
名称:'爱尔兰',
代码:“IE”
}
}, {
名字:“杰瑞”,
姓:“鬃毛”,
性别:'男性',
年龄:12岁,
地址:'2234 Sleepy Pony Mall,Drain,DC,20078-4243,美国,(202)948-3634',
心情:“快乐”,
国家:{
名称:'爱尔兰',
代码:“IE”
}
}];
//将阵列加倍两次,生成更多数据!
students.forEach(功能(项目){
推(克隆对象(项目));
});
students.forEach(功能(项目){
推(克隆对象(项目));
});
students.forEach(功能(项目){
推(克隆对象(项目));
});
函数克隆对象(obj){
返回JSON.parse(JSON.stringify(obj));
}
var columnDefs=[{
字段:“名字”,
头名:“名字”,
宽度:120,
可编辑:真
},
{
字段:“姓氏”,
头名:“姓”,
宽度:120,
可编辑:真
},
{
字段:“性别”,
宽度:100,
是的,
cellRenderer:“genderCellRenderer”,
cellEditor:“agRichSelectCellEditor”,
cellEditorParams:{
cellRenderer:“genderCellRenderer”,
值:[“男性”、“女性”]
}
},
{
字段:“年龄”,
宽度:80,
是的,
cellEditor:“numericCellEditor”
},
{
字段:“情绪”,
宽度:100,
cellRenderer:“moodCellRenderer”,
cellEditor:“moodEditor”,
可编辑:真
},
{
字段:“国家”,
宽度:110,
cellRenderer:“countryCellRenderer”,
cellEditor:“agRichSelectCellEditor”,
keyCreator:功能(国家/地区){
返回country.name;
},
cellEditorParams:{
cellRenderer:“countryCellRenderer”,
价值观:[{
名称:'爱尔兰',
代码:“IE”
},
{
名称:‘英国’,
代码:“英国”
},
{
名称:“法国”,
代码:“FR”
}
]
},
可编辑:真
},
{
字段:“地址”,
是的,
cellEditor:'agLargeTextCellEditor',
cellEditorParams:{
maxLength:'300',//覆盖编辑器默认值
科尔斯:“50”,
行:“6”
}
}
];
变量gridOptions={
columnDefs:columnDefs,
数据来源:学生,
默认值f:{
是的,
可排序:是的,
弹性:1,
最小宽度:100,
过滤器:对,
可调整大小:true
},
onRowEditingStarted:函数(事件){
log('从未调用-未进行行编辑');
},
onRowEditingStopped:函数(事件){
log('从未调用-未进行行编辑');
},
onCellEditingStarted:函数(事件){
console.log('cellEditingStarted');
},
onCellEditingStopped:函数(事件){
console.log('cellEditingStopped');
},
组成部分:{
genderCellRenderer:genderCellRenderer,
numericCellEditor:numericCellEditor,
moodCellRenderer:moodCellRenderer,
moodEditor:moodEditor,
countryCellRenderer:countryCellRenderer
}
};
函数getCharCodeFromEvent(事件){
event=event | | window.event;
返回(typeof event.which==“未定义”)?event.keyCode:event.which;
}
函数isCharNumeric(charStr){
return!!/\d/.test(charStr);
}
功能isKeyPressedNumeric(事件){
var charCode=getCharCodeFromEvent(事件);
var charStr=String.fromCharCode(charCode);
返回isCharNumeric(charStr);
}
//简单的函数cellRenderer,只返回国家的名称
函数CountryCellRenderer(参数){
返回params.value.name;
}
//函数充当类
函数NumericCellEditor(){}
//在使用渲染器之前调用一次
NumericCellEditor.prototype.init=函数(参数){
//创建单元格
this.eInput=document.createElement('input');
if(isCharNumeric(参数charPress)){
this.eInput.value=params.charPress;
}否则{
if(params.value!==未定义&¶ms.value!==空){
this.eInput.value=params.value;
}
}
var=这个;
this.eInput.addEventListener('keypress',函数(事件){
如果(!isKeyPressedNumeric(事件)){
即.eInput.focus();
if(event.preventDefault)event.preventDefault();
}else if(即.isKeyPressedNavigation(事件)){
event.stopPropagation();
}
});
//仅当按下的键是数字而不是字母时才开始编辑
var CHARPRESISNOTANUMBER=params.charPress&('1234567890'.indexOf(params.charPress)<0);
this.cancelBeforeStart=charpressIsNotNumber;
};
NumericCellEditor.prototype.isKeyPressedNavigation=函数(事件){
return event.keyCode==39||
event.keyCode==37;
};
//在网格准备插入元素时调用一次
NumericCellEditor.prototype.getGui=函数(){
返回此.eInput;
};
//连接gui后,可以进行聚焦和选择
NumericCellEditor.prototype.afterGuiAttached=函数(){
this.eInput.focus();
};
//编辑后返回新值
NumericCellEditor.prototype.isCancelBeforeRestart=函数(){
将此返回。取消开始;
};
//示例-如果数字包含值007,将拒绝该数字
//-不太实际,