小编Ris*_*hah的帖子

与 ember.js 中的模态叠加一起使用时,ag-grid 调整列大小需要很长时间才能响应

我们在使用带有模态叠加层的 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)

jquery ember.js ag-grid

6
推荐指数
1
解决办法
336
查看次数

标签 统计

ag-grid ×1

ember.js ×1

jquery ×1