SharePoint Current User View using JavaScript

Question

I'm running SharePoint 2013, I would like to have a Current User Filtered View using Javascript.

the [Me] would not be feasible because I'm not using the "People Picker" as the field type. I used a text field in 4 different text fields. For instance, Field1_Text, Field2_Text, Field3_Text and Field4_Text can different Users. The form will have four different approval process; however, I would like to display the form whenever one of those text field has the current user listed. The Current User Filter Web Part, only allows for one field to be selected not all four fields, so that approach won't work either.

A custom view will be used for the date of the item. For instance, "Created Date" Filter = [Today] + 15. The data would only be displayed if the current user is listed on one of those approval "Text_Field" as noted above and the form was created 15 days from [Today]. But, my main concern is the Javascript aspect. I'm trying to get myself up to speed on the topic. Let me know if there is anything else that I can provide. As far as the .JS code, I'm very limited since I'm trying to read and learn from many of the posting on this site.

Thank you.

Answer 1

Add a script editor web part to your view and add the following code. Adjust for column names:

<script type="text/javascript">
(function () { 
    var bodyFieldContext = {}; 
    bodyFieldContext.OnPreRender = preRender;    
    SPClientTemplates.TemplateManager.RegisterTemplateOverrides(bodyFieldContext); 
})(); 

function preRender(ctx) {   
    var userName = _spPageContextInfo.userDisplayName;
    console.log(userName);     
    var rows = ctx.ListData.Row;     
    for (var i = rows.length - 1; i >= 0; i--) {
        if ((rows[i].Field1Text != userName) && (rows[i].Field2Text != userName) && (rows[i].Field3Text != userName)) {
            rows.splice(i, 1);
        }
    }
}
</script>

This function will run before the ListViewWebPart is rendered and modify the rows. Any rows that do not match the users display name will be removed.

All items:

With filter: