angularjs – 如何使Angular ui网格最初扩展所有行？

发布时间：2020-12-17 08:32:30 所属栏目：安全来源：网络整理

导读：我正在使用ui grid来显示数据列表,我正在尝试初始扩展所有行. 我试图在onRegisterApi事件中执行此操作： scope.GridOptions = { data: properties,columnDefs: [ { name: "Full Address",field: "FullAddress" },{ name: "Suburb",field: "Suburb" },{ name:

我正在使用ui grid来显示数据列表,我正在尝试初始扩展所有行.

我试图在onRegisterApi事件中执行此操作：

scope.GridOptions =
        {
            data: properties,columnDefs: 
            [
                { name: "Full Address",field: "FullAddress" },{ name: "Suburb",field: "Suburb" },{ name: "Property Type",field: "PropertyType" },{ name: "Price",field: "Price",cellFilter: 'currency'},{ name: "Status",field: "Status" },{ name: "Sale Type",field: "SaleType" },{ name: "Date Created",field: "CreateDate",cellFilter: "date:'dd/MM/yyyy HH:mma'"}
            ],expandableRowTemplate: 'template.html',expandableRowHeight: 200,onRegisterApi: (gridApi) => 
            {
                scope.gridApi = gridApi;
                gridApi.expandable.on.rowExpandedStateChanged(scope,(row) =>
                {
                    if (row.isExpanded) {
                        this.scope.GridOptions.expandableRowScope = row.entity;
                    }
                });
                gridApi.expandable.expandAllRows();

            }
        };

但上面的代码不起作用.看起来当我调用expandAllRows()时,行还没有渲染.

就我而言,以下工作：

$scope.gridOptions = {
      ...
      onRegisterApi: function(gridApi) {
        $scope.gridApi = gridApi;
        $scope.gridApi.grid.registerDataChangeCallback(function() {
          $scope.gridApi.treeBase.expandAllRows();
        });
      }
    };

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!