Jaap Vossers’ SharePoint Blog

March 30, 2009

Released: SharePoint InstantListFilter

Filed under: CodePlex, SharePoint, Tools, jQuery — Jaap Vossers @ 8:40 pm

The latest addition to my CodePlex portfolio is called SharePoint InstantListFilter.

It is an assembly free solution and you can even “install” it by editing the contents of a Content Editor Web Part! So what is it really? It is a javascript based solution that adds filter textboxes to every column of a SharePoint list view (SPGridView) with filter-as-you-type functionality. It uses jQuery to add the textboxes and perform the filtering.

Update: Live demo online

One cool freebie is that you can use it to filter on field types that normally aren’t filterable, like calculated fields and note (multiple lines of text) fields.

instantlistfilter_cropped

Instructions on how to install can be found on the CodePlex site.

Download SharePoint InstantListFilter @ CodePlex

10 Comments »

  1. [...] so long ago I posted something on my blog about a tool I released on CodePlex, called SharePoint [...]

    Pingback by Jaap Vossers’ SharePoint Blog » Live demo online for SharePoint InstantListFilter — April 4, 2009 @ 1:40 pm

  2. Hello,

    Nice to see a very helpful utility. Can you please let me know how to make it work. I installed the wsp using the stsadm command and it was deployed. But what next. I opened my site having some lists and I can not find the textboxes as mentioned. Do i need to perform some additional activity to make it work?

    Awaiting quick reply.
    Thanks
    Sumeet Gandhi

    Comment by Sumeet Gandhi — May 6, 2009 @ 2:33 pm

  3. Hi Sumeet,

    the process of installing SharePoint InstantListFilter is:

    1. add solution
    2. deploy solution
    3. activate feature

    Have a look at http://instantlistfilter.codeplex.com/Release/ProjectReleases.aspx?ReleaseId=24060 to find out which Feature to activate.

    Good luck,

    Jaap

    Comment by Jaap Vossers — May 6, 2009 @ 2:45 pm

  4. Hi Japp,

    Thanks for the reply. I tried what you said. but i am not able to see the text boxes. I am using spgrid to display the data. so what is wrong. this is what i did

    1. using stsadm command i added the solution to the sharepoint store.
    2. went to central admin and then in Central Administration > Operations > Solution Management i deployed the solution and i got vossers.instantlistfilter.deploymentpackage.wsp Deployed Globally deployed.
    3. i then got the site collection features and then activated the feature for site level.
    4. now i got to my web part which is using the spgrid but surprised to see that the text boxes are not there.

    Can you tell me what is wrong and where.

    Thanks
    Sumeet Gandhi

    Comment by Sumeet Gandhi — May 9, 2009 @ 7:08 am

  5. Japp,

    Can I have the source code for this application. I want to see and check it for my knowledge. I looked for it on the codeplex but you have posted the wsp file only.

    Thanks
    Sumeet Gandhi

    Comment by Sumeet Gandhi — May 9, 2009 @ 12:01 pm

  6. Hi Sumeet,

    there is no serverside code involved - it’s all pure javascript. The .js file is also on codeplex. Also, you can rename the wsp’s extension to .cab and you can extract its contents to see what’s in there.

    Try this first: view the html source in the browser on the page where you expected the boxes to appear and ensure that the js file is being referenced in the page head (I believe it’s called instantlistfilter.js). If it is on, then perhaps you are using a custom masterpage? You do need to have the AdditionalPageHead DelegateControl in your masterpage to allow SharePoint InstantListFilter to inject its javascript into the page head of every page.

    Comment by Jaap Vossers — May 9, 2009 @ 12:14 pm

  7. Is there anyway to support paging. It seems that this would only work on values returned in the first set. Great job though.

    Comment by Lance M — June 24, 2009 @ 7:10 pm

  8. Hi Lance,

    thanks for dropping by.

    the current solution purely depends on what is already loaded on the page. To support paging would greatly increase the complexity of the solution (involving ajax etc), and is not something I was planning do anytime soon. Sorry :)

    Thanks,

    Jaap

    Comment by Jaap Vossers — June 26, 2009 @ 3:40 pm

  9. Hi,
    Thanks for the post. Its working fine for me, but when I try to edit this list in datasheet using edit in datasheet option in action menu. It is saying:
    Web Part Error: There is no valid configuration for these connected parts to run in.

    Comment by Harish — October 1, 2009 @ 10:41 pm

  10. I want to parse the special characters from my search text. When I search for C++, results for C are displayed, also characters like # and & are also not taken in search string. please suggest what to do ?

    ________________
    unlock iphone

    Comment by speelry — October 2, 2009 @ 1:40 am

RSS feed for comments on this post. TrackBack URL

Leave a comment

Powered by WordPress