Client Side Filtering Using Jquery

Question

Hi. I would like to filter a DVWP using client side filtering.  Here is what I have done so far:  I wrapped the entire DVWP inside a div tag.

<div id='filters'>

 This code will hide the DVWP:

var $fil = $('#filters'); $fil.hide(); 

Using a jquery filter function, I tried to effect certain items that met the criteria.  This does not work: 

 $(fil).filter(function(index) { return $('@ID', this).val == 2; }).css('background-color', 'red');

Is there another element I can reference to see if the ID is equal to 2. Once I find a match, I'll want to hide that item. Thanks.

Richard

Answer 1

Hello, I am trying to filter a DVWP based upon a span tag value. The span tag value is set in a document.ready function. Please show me how to send it the output of a DVWP. I tried to insert it where the $Rows variable is set in the DVWP, but could not do it without errors. Thank you for your help!

Answer 2

Hi Richard,

 

Thanks for your post.

 

As I understand, you want to filter some items in the list when it renders.  But I’m a little confused with you solution. If there are a lot of items in the list, it’s low performance in this way. Why not filter the data before it renders? You can  connect a filter web part to the DVWP. Also, you can call the Client OM in SharePoint 2010.

 

More information:

http://office.microsoft.com/en-us/sharepoint-server-help/connect-a-filter-web-part-to-a-data-view-web-part-HA010250997.aspx

http://office.microsoft.com/en-us/sharepoint-server-help/connect-a-filter-web-part-to-a-data-view-web-part-HA010250997.aspx

 

share your views.