我们在使用带有模态叠加层的 ag-grid 时遇到了一个问题。我们有一个功能,当单击一行时,我们必须显示一个模式框以显示扩展项目。现在一旦这个模态框被关闭,然后用户尝试调整 ag-grid 列的大小,大约需要 10-15 秒才能发生初始实时调整大小。此外,此模式框中的数据是动态填充的,这是相同的代码:-
for (const data of pop_data) {
if (count == pop_data.length-1) {
bn += data;
}
else {
bn += data+' </br>';
}
count++
}
jQuery(".ember-modal-dialog").addClass("data-show-more")
jQuery(".ember-modal-dialog").html(bn)Run Code Online (Sandbox Code Playgroud)
为了显示/隐藏这个模式,我们使用 ember.js 控制器变量:
{{#if isShowingModal}}
{{#modal-dialog
onClose=(action "toggleModal")
targetAttachment="center"
translucentOverlay=true
}}
{{modalMessage}}
{{/modal-dialog}}
{{/if}}
Run Code Online (Sandbox Code Playgroud)
这是 ag-grid 定义:-
let columnDefs = [
{
headerName: "A", field: "email",
width: 300
},
{
headerName: "B", field: "enabled",
width: 93
},
{
headerName: "C", field: "f_l",
width: 200
},
{ headerName: …Run Code Online (Sandbox Code Playgroud)