Ag-grid Quick Filter, чтобы позволить некоторые действия, такие как. Я хочу функциональность, где я хочу фильтровать данные, которые не соответствуют критериям - PullRequest
Новая
       25

Ag-grid Quick Filter, чтобы позволить некоторые действия, такие как. Я хочу функциональность, где я хочу фильтровать данные, которые не соответствуют критериям

0 голосов
/ 03 марта 2020

Вот плункер для этого. https://plnkr.co/edit/NaDAQYvXoo2P6vxdvPVB?p=preview

Быстрый фильтр поддерживает только содержимое. Существует ли быстрый способ сделать такое, не содержит и начинается с или заканчивается на основе введенного пользователем значения, например! Ab / ab *, * ab et c

html

<!DOCTYPE html>
<html lang="en">
<head>
<script> var __basePath = ''; </script>
<style> html, body { margin: 0; padding: 0; height: 100%; } </style>
    <script src="https://unpkg.com/ag-grid@17.0.0/dist/ag-grid.min.js"></script></head>
<body>

<div style="height: 100%; padding-top: 35px; box-sizing: border-box;">
    <div id="myGrid" style="height: 100%;" class="ag-theme-balham"></div>
</div>
<div style="position: absolute; padding-top: 4px; top: 0px; left: 0px;">
    <input type="text" id="filter-text-box" placeholder="Filter..." oninput="onFilterTextBoxChanged()"/>
    <button style="margin-left: 20px;" onclick="onPrintQuickFilterTexts()">Print Quick Filter Texts</button>
    <span style="margin-left: 50px">
        <label>
            <input type="radio" onchange="onQuickFilterTypeChanged()" id="cbNormal" checked name="cache" />
            Normal Quick Filter
        </label>
        <label>
            <input type="radio" onchange="onQuickFilterTypeChanged()" id="cbCache" name="cache"/>
            Cache Quick Filter
        </label>
    </span>
</div>

    <script src="main.js"></script>
</body>
</html>```

JS
gridOptions.api.setQuickFilter(document.getElementById('filter-text-box').value);
...