如果您想编辑该行,AgGrid 是否有一个值格式化程序?
Has AgGrid a value formatter in case you wanna edited the row?
我有一些布尔值,我从服务器和布尔值中获取 yes/no,但问题是当我想编辑时我仍然得到 true/false... 无论如何解决这个问题?
headerName: 'Website Language', field: 'test', sortable: true,
filter: true, editable: true, resizable: true, filterParams:
{ textCustomComparator: this.yesNoComparator },
valueFormatter: this.booleanFormatter(),
},
提前致谢!!
像这样使用 valueGetter
和 valueSetter
而不是 valueFormatter
。
headerName: 'Website Language',
field: 'websiteLanguage',
sortable: true,
filter: true,
editable: true,
resizable: true,
filterParams: { textCustomComparator: this.yesNoComparator },
valueSetter: params => {
if (params.newValue.toLowerCase() === 'yes') {
params.data.websiteLanguage = true;
return true;
} else (params.newValue.toLowerCase() === 'no') {
params.data.websiteLanguage = false;
return true;
} else {
return false;
}
},
valueGetter: params => {
if (params.data.websiteLanguage === true) {
return 'Yes';
} else if (params.data.websiteLanguage === false) {
return 'No';
}
}
我有一些布尔值,我从服务器和布尔值中获取 yes/no,但问题是当我想编辑时我仍然得到 true/false... 无论如何解决这个问题?
headerName: 'Website Language', field: 'test', sortable: true,
filter: true, editable: true, resizable: true, filterParams:
{ textCustomComparator: this.yesNoComparator },
valueFormatter: this.booleanFormatter(),
},
提前致谢!!
像这样使用 valueGetter
和 valueSetter
而不是 valueFormatter
。
headerName: 'Website Language',
field: 'websiteLanguage',
sortable: true,
filter: true,
editable: true,
resizable: true,
filterParams: { textCustomComparator: this.yesNoComparator },
valueSetter: params => {
if (params.newValue.toLowerCase() === 'yes') {
params.data.websiteLanguage = true;
return true;
} else (params.newValue.toLowerCase() === 'no') {
params.data.websiteLanguage = false;
return true;
} else {
return false;
}
},
valueGetter: params => {
if (params.data.websiteLanguage === true) {
return 'Yes';
} else if (params.data.websiteLanguage === false) {
return 'No';
}
}