APEX-Cards-online-search

Oracle APEX Cards jQuery Live Search

Preview

How to ...

Add text field item to cards region

Add dynamic action event

Edit dynamic action javascript code

Key release dynamic action javacript code

var searchTerm = this.triggeringElement.value.toLowerCase();
$('.t-Cards li').each(function(){
    $(this).attr('data-search-term', $(this).text().toLowerCase());
});
$('.t-Cards li').each(function(){
    if ($(this).filter('[data-search-term *= ' + searchTerm + ']').length > 0 || searchTerm.length < 1) {
        $(this).show();
    } else {
        $(this).hide();
        }
    });

Demo application

https://apex.oracle.com/pls/apex/f?p=130451:20 credentials: demo\demo