Question

我尝试添加自定义列过滤器（自动完成，选择...），但无法找到方法。我尝试使用tr-ng-grid-column-filter属性覆盖默认过滤器模板，但它不起作用。标题以某种方式更改（标题不再是粗体），并且根本不使用新模板。

tr-ng-grid-column-filter是否正确地执行此操作或者还有其他内容？

数据在服务器上进行排序，分页和过滤，因此它与angular或trnggrid客户端过滤＆amp;格式化。所以我只想在某些列上显示一些其他输入（例如select）而不是网格呈现的默认输入文本。

我使用带有TrNgGrid 3.0.3的角度1.2.22

Answer 1

网上有一些样本浮动。这是一个：

<table tr-ng-grid='' items='myItems'>
    <thead>
        <tr>
            <th field-name="name"></th>
            <th field-name="computedTagsField" display-format="computedTags:gridItem">
                <div>
                     <div class="tr-ng-title">Tags</div>
                     <div class="tr-ng-column-filter">
                            <select class="form-control input-sm" ng-options="tag for tag in [null, 'tennis', 'basketball', 'volley']" ng-model="columnOptions.filter"></select>
                     </div>
                </div>
            </th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td field-name="computedTagsField"></td>
        </tr>
    </tbody>
</table>

Answer 2

我创建了一个实现自定义下拉过滤器的指令。它本身可以在任何项目中重复使用，但它也会为您提供一个很好的工作示例，说明如何通过简单地扩展TRNG网格来实现自己的自定义过滤器。

<强>教程： http://www.davidcline.info/2015/08/trnggrid-dropdown-column-filter.html

<强>演示： http://embed.plnkr.co/w39Xt74pippDajyqUIOD/preview

TrNgGrid显示自定义列过滤器

2 个答案: