Question

我是Jhipster的新手，我想知道是否可以在jhipster表（实体）中添加过滤器，例如：https://akveo.github.io/ng2-smart-table/#/或 http://ng-table.com/#/。？

谢谢

Answer 1

如果您使用的是Angular，则可以像这样使用JHipster Angular sort.directive.ts和sort-by.directive.ts ...

    <table class="table table-striped">
        <thead>
            <tr jhiSort [(predicate)]="predicate" [(ascending)]="ascending" [callback]="methodThatOrdersTBodyRows.bind(this)">
            <th jhiSortBy="id"><span>ID</span> <span class="fa fa-sort"></span></th>
            <th jhiSortBy="title"><span>Title</span> <span class="fa fa-sort"></span></th>
            <th jhiSortBy="description"><span>Description</span> <span class="fa fa-sort"></span></th>
            </tr>
        </thead>
        <tbody></tbody>
    </table>

为方便起见，您的<tbody>应该使用*ngFor指令呈现控制器提供的数据行。每当单击过滤器箭头时，jhiSort指令将更新您的predicate组件变量以使其与jhiSortBy指令提供的值相匹配，并且将切换ascending组件变量为true和false。您应在回调函数中使用谓词和升序变量（称为this.predicate等）对*ngFor指令所呈现的行数据数组进行重新排序（或使用排序参数进行重新查询）。 / p>

Jhipster对表进行排序和过滤

1 个答案: