代码之家  ›  专栏  ›  技术社区  ›  kosnkov

加载编辑弹出窗口时NGX数据表速度非常慢

  •  0
  • kosnkov  · 技术社区  · 7 年前

    我有这样的NGX数据表,我可以在弹出窗口中编辑每一行,所有的工作都很好,直到我到达结果的第二页,这是神奇的,当我单击要编辑的行时,我在editcustomer方法中捕获breakpoin,但是弹出窗口中的数据只有在5秒后才会刷新,我可以检查什么?

        <ngx-datatable class="material colored-header sm table table-striped table-hover"
                       [loadingIndicator]="loadingIndicator"
                       [rows]="customers"
                       [rowHeight]="35"
                       [headerHeight]="35"
                       [footerHeight]="35"
                       [columns]="columns"
                       [scrollbarV]="true"
                       [rowClass]="getRowClass"
                       [columnMode]="'force'">
        </ngx-datatable>
    
        <ng-template #indexTemplate let-value="value">
            <strong>{{value}}</strong>
        </ng-template>
    
        <ng-template #actionsTemplate let-row="row" let-value="value" let-i="index">
    
            <a class="btn btn-link btn-xs" href="javascript:;" (click)="editCustomer(row)"><i class="fa fa-pencil-square-o" aria-hidden="true"></i> Edit</a>
    
        </ng-template>
    
    
        <div class="modal fade" bsModal #editorModal="bs-modal" (onHidden)="onEditorModalHidden()" [config]="{backdrop: 'static'}" tabindex="-1">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title pull-left"><i class="fa fa-shield"></i> Customer Details </h4>
    
                        <button type="button" class="close pull-right" title="Close" (click)="editorModal.hide()">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <customer-editor #customerEditor></customer-editor>
                    </div>
                </div>
            </div>
        </div>
    </div>
    

    在我的TS文件中

     editCustomer(row: Customer) {
            this.customerEditor.editCustomer(row);
            this.editorModal.show();
        }
    

    客户债权人是

    @ViewChild('customerEditor')
    customerEditor: CustomerEditorComponent;
    

    在客户中

    editCustomer(customer: Customer) {
        if (customer) {
    
            this.customerEdit = new Customer();
            Object.assign(this.customerEdit, customer);
    
        }
    

    在customerit视图中 {{customerEdit.name}} 而且,这很奇怪,但是如果转到表中的第二页,那么弹出窗口会像4-5秒后一样刷新数据。

    就像改变表格中的页面一样,将绑定以角度暂停几秒钟。

    1 回复  |  直到 7 年前
        1
  •  0
  •   kosnkov    7 年前

    好的,我发现了问题,这是lib问题,在最新版本中修复了问题。 https://github.com/swimlane/ngx-datatable/issues/1321