如何在可扩展行模板中访问ui网格行数据?

时间:2015-06-20 22:58:09

标签: angularjs angular-ui-grid

我正在尝试使用自定义的可扩展模板实现可扩展的ui网格。如何访问模板中的行数据?

在控制器中,我定义了这样的网格选项:

            scope.GridOptions =
            {
                data: customers,
                columnDefs:
                [
                    { name: "FirstName", field: "FirstName", width: 130 },
                    { name: "LastName", field: "LastName", width: 130 }
                ],
                expandableRowTemplate: 'CustomerDetails.html',
                expandableRowHeight: 150
            };

,模板如下:

<div class="row">
    <div class="col-md-2">
        {{FirstName}} {{LastName}}
    </div>
</div>

谢谢!

1 个答案:

答案 0 :(得分:5)

我找到了答案。为了访问行数据,我需要在模板中使用row.entity。

<div class="row">
    <div class="col-md-2">
        {{row.entity.FirstName}} {{row.entity.LastName}}
    </div>
</div>