Instant Search in Oracle Apex by Java Script
1. Create a classic report by your query
2. Take a item for input search content
3. Goto Shared Components >> Templates >>Copy Report (Type)/Standard (Name) with diffrent name like Standard2
4. Goto Standard2 >> After Column Heading >> </thead> <tbody id="id" > and save
5. Goto Report Attributes >> Appearance >>Template >> Standard2
6. Copy the code into Page >> Execute when Page Loads
(Change item name and id)
$(document).ready(function(){
$("#P9_SEARCH").on("keyup", function() {
var value = $(this).val().toLowerCase();
$("#id tr").filter(function() {
$(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
});
});
});
Then Enjoy
2. Take a item for input search content
3. Goto Shared Components >> Templates >>Copy Report (Type)/Standard (Name) with diffrent name like Standard2
4. Goto Standard2 >> After Column Heading >> </thead> <tbody id="id" > and save
5. Goto Report Attributes >> Appearance >>Template >> Standard2
6. Copy the code into Page >> Execute when Page Loads
(Change item name and id)
$(document).ready(function(){
$("#P9_SEARCH").on("keyup", function() {
var value = $(this).val().toLowerCase();
$("#id tr").filter(function() {
$(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
});
});
});
Then Enjoy