Dynamically Filtering SharePoint List Views using Javascript


interesting component for filtering

The List View Web Part has great capability for filtering displayed data using the web parts header controls..

List View Web Part Filtering

If you’re building out a UI which incorporates a list view web part, you can also perform the filtering using Javascript in response to your UI events, hooking into the LVWP filtering code.

As an example, what I want to build is a UI which allows me to filter a LVWP using Year and Month controls shown below..

flvwp-01

So when I click on a Year, the LVWP is filtered by that year..

flvwp-02

And likewise for the Month..you get the picture

flvwp-03

In the screenshots above, the columns I’m filtering by are present in the view, but they don’t have to be I’ve only shown them there for demonstration purposes.

This can be done in both 2010 and 2013, though the code is different; in 2013 we call the RefreshPaging function and in 2010 we call the page postback function __doPostBack using…

View original post 352 more words

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s