Bộ lọc Lưới giao diện người dùng góc chỉ áp dụng cho đầu giá trị ô

Question

Tôi đang sử dụng Lưới giao diện người dùng góc trong ứng dụng của mình. Tôi đặt enableFiltering thành true trong các tùy chọn đã làm cho một số hộp bộ lọc hiển thị phía trên các cột của tôi. Điều này thật tuyệt, nhưng các bộ lọc không hoạt động chính xác như mong muốn.

Nếu ô chứa văn bản "Tôi thích pizza" và tôi nhập "Tôi thích", hàng của ô đó được hiển thị dưới dạng đối sánh. Tôi cũng nghĩ rằng nếu tôi nhập "pizza", ô/hàng "Tôi thích pizza" sẽ hiển thị, nhưng đó không phải là trường hợp.

Làm cách nào để có bộ lọc cho phép tìm kiếm ở bất kỳ vị trí nào trong văn bản, không chỉ từ đầu?

Answer 1

Bạn có thể sử dụng filter: {condition: uiGridConstants.filter.CONTAINS} trong định nghĩa cột để cho phép cột đó để tìm kiếm bất cứ nơi nào trong văn bản.

Dưới đây là một định nghĩa cột mẫu với điều này tại chỗ:

columnDefs: [ 
    // default 
    { field: 'name', 
    filter: {condition: uiGridConstants.filter.CONTAINS} }, 
    ... 

Answer 2

Bạn có thể chuyển đối tượng bộ lọc tùy chỉnh có thuộc tính condition, có thể là một chức năng mất searchTerm và cellValue. Sẽ hiển thị nếu hàm trả về true. Plunkr

{ field: 'name', filter: { 
    condition: function(searchTerm, cellValue) { 
     return cellValue.indexOf(searchTerm) > -1 
    } 
    }}