Setting a Default Filter for Library Items

While working with the libraries in the Documents and Files/Images/Videos sections, when you try to filter some items, the system redirects you to a page where all items for the currently selected library are displayed. To set a default filter for library items, and a customized display (for example, displaying only the current user's items), you must change the default LibrariesMasterExtensions java script file with a new java script file in which the filter is applied.

In the sample below, you will set a default filter for the Documents & Files libraries and will display only the items of the current user. To implement this functionality, perform the following:

1. Open your project in Visual Studio and create a new JavaScript file. Name the script JavaScript1.js.
2. Copy the code provided below and paste it in the JavaScript file:
   var myUserId;

    

   function OnMasterViewLoadedCustom(sender, args) {

    

       myUserId = sender._currentUserId;

       var itemsGrid = sender.get_currentItemsList();

       itemsGrid.applyFilter("Owner == (" + myUserId + ")");

   }
3. Open your project in the browser and go to Administration > Settings > Advanced.
4. In the left panel, in the tree-view, select Content View > Controls > DocumentsBackend > Views > DocumentsBackendList > Scripts.
5. Clicking on Script displays the default script on the right pane.
6. You must now create a new script. Click the Create new button.
7. In the Scripts page that appears, enter the following information:
   1. Script location: Enter the name of the JavaScript file~/MyFolder/JavaScript1.js (relative path to the script file) that you have just created in Visual Studio.
   2. Name of the load method: Enter the description of the load method name property as OnMasterViewLoadedCustom (from the script you just created.
   3. Save changes.
8. Go to Administration > Settings > Advanced
9. In the left panel, in the tree-view, select Content View > Controls > DocumentsBackend > Views > DocumentsBackendList > Sidebar > Sections > Filter > Items > AllDocuments.
10. In the AllDocuments page that appears, navigate to the Button CSS class and delete the value in the field.
11. Save changes.
12. In the tree-view, navigate to the MyDocuments node 9under the AllDocuments node) and select it.
13. In the MyDocuments page that appears, navigate to Button CSS class and add the value, sfSel in the field. Setting this value for Button CSS class makes the filter, My Items visibly selected.
14. Save changes.
15. Restart you application.