This is a migrated thread and some comments may be shown as answers.

Don't show filter functions when Filter button icon press

8 Answers 201 Views

Grid

This is a migrated thread and some comments may be shown as answers.

8 Answers, 1 is accepted

Accepted

answered on 30 Aug 2010, 02:59 PM

Well, stopping the filtering menu from being displayed with a single line of code from the client event seems pretty easy. Here is what I have in mind (pardon me if the code is not 100% functional for your scenario):

ASPX/ASCX

<ClientEvents OnFilterMenuShowing ="FilterMenuShowing" ...

JavaScript

<script type="text/javascript">

function FilterMenuShowing(sender, eventArgs)

{

//stop the filter menu from being displayed

eventArgs.set_cancel(true);

//get the value from the filter textbox

var gridDOMElement = $get(sender.get_id());

var filterValue = $telerik.findElement(gridDOMElement, "FilterTextBox_" + eventArgs.get_gridColumn().get_uniqueName()).value;

//trigger filtering operation for the active column. Replace the "Contains" filter function with other according to your preferences (EqualTo for integer column for example)

eventArgs.get_tableView().filter(eventArgs.get_gridColumn().get_uniqueName(), filterValue , "Contains" )

}

</script>

answered on 13 Sep 2010, 02:10 PM

Nikita, thanks for the answer. I apologize in my delay to responding. this seems to work great, except in the following scenarios:

1. user filters by a input, say they type in "Smith". the first time it filters fine. but if they re-click the filter icon button again (without changing the filter textbox's value) it throws a JavaScript error
2. the same JavaScript error is thrown too if the user clicks the filter icon button while the filter text box is empty.

JavaScript error:

Object doesn't support this property or method.

erring line: var filterValue = $telerik.findElement(gridDOMElement, "FilterTextBox_" + eventArgs.get_gridColumn().get_uniqueName()).value;

i took a look but couldn't figure out how to ignore the filter request if the value of the filter textbox is empty, and, if the user has populated the box simply re-run the filter even if the box contains the same value as the previous filter request.

make sense? thanks again for all your help.

answered on 16 Sep 2010, 12:56 PM

Try to wrap the code line inside conditional block as follows:

if(gridDOMElement && $telerik.findElement(gridDOMElement, "FilterTextBox_" + eventArgs.get_gridColumn().get_uniqueName()).value)

{

var filterValue = $telerik.findElement(gridDOMElement, "FilterTextBox_"

+ eventArgs.get_gridColumn().get_uniqueName()).value; 

//trigger filtering operation for the active column. Replace the "Contains" filter function with other according to your preferences (EqualTo for integer column for example) 
   eventArgs.get_tableView().filter(eventArgs.get_gridColumn().get_uniqueName(), filterValue , "Contains" )

}

to see if this helps.

Also if you find my replies helpful, mark them as answers please.