Solved

Set Default Values in SharePoint List Edit View using JavaScript

Posted on 2016-11-08
5
27 Views
Last Modified: 2016-11-13
I want to set the values of 3 SharePoint list columns when it goes into edit mode using JavaScript in SharePoint Online.

I have a list in a popup form that looks like the below. When the user clicks the Edit button to go into edit mode, I want the EntryDateTime to be set to the current date/time, initials to be set to the initials of the current user, and Project to be set to the current project. How/where can I fire the JavaScript?

List
Fields to Populate
0
Comment
Question by:Michael Vasilevsky
  • 3
  • 2
5 Comments
 
LVL 82

Expert Comment

by:leakim971
Comment Utility
could you post the two html corresponding to your screenshots pages?
0
 
LVL 10

Author Comment

by:Michael Vasilevsky
Comment Utility
As you wish. These are SharePoint pages so there's a bunch of code :-/

See attached.
projectCommuncations.html
projectCommuncationsEdit.html
0
 
LVL 82

Accepted Solution

by:
leakim971 earned 500 total points
Comment Utility
try this, this is not very nice but that should do the work at least for today date and project number :

<script>
$(document).on("click", "#Hero-WPQ2 a.ms-heroCommandLink:contains('edit')", function(evt) { 
	var t = setInterval(function() {
        if($("#spgridcontainer_WPQ2_leftpane_mainTable").length) {
        	clearInterval(t);
        	var d = formatDate(new Date());
        	$("#spgridcontainer_WPQ2_leftpane_mainTable tr:last td:eq(1)").text(d);

        	var name = ""; // can't be done with this method as the name don't appear on the page, only something like : Jim's Mega project
        	$("#spgridcontainer_WPQ2_leftpane_mainTable tr:last td:eq(2)").text(name);

        	var currentproject = "";
        	var arr = $("h1:contains('Project Communications: Project ')").text().match(/Project\sCommunications:\sProject\s(\d*)\s/);
        	if(arr && arr[1])
        		currentproject = arr[1];
        	$("#spgridcontainer_WPQ2_leftpane_mainTable tr:last td:eq(6)").text(currentproject)
        }
	},100);
});

function formatDate(dateVal) {
    var newDate = new Date(dateVal);

    var sMonth = padValue(newDate.getMonth() + 1);
    var sDay = padValue(newDate.getDate());
    var sYear = newDate.getFullYear();
    var sHour = newDate.getHours();
    var sMinute = padValue(newDate.getMinutes());
    var sAMPM = "AM";

    var iHourCheck = parseInt(sHour);

    if (iHourCheck > 12) {
        sAMPM = "PM";
        sHour = iHourCheck - 12;
    }
    else if (iHourCheck === 0) {
        sHour = "12";
    }

    sHour = padValue(sHour);

    return sMonth + "/" + sDay + "/" + sYear + " " + sHour + ":" + sMinute + " " + sAMPM;
}

function padValue(value) {
    return (value < 10) ? "0" + value : value;
}
</script>

Open in new window

0
 
LVL 10

Author Comment

by:Michael Vasilevsky
Comment Utility
Wow, I was just expecting a push in the right direction but you solved it for me! Thanks so much - next time I'm paying!
0
 
LVL 10

Author Closing Comment

by:Michael Vasilevsky
Comment Utility
Very good - thanks so much!
0

Featured Post

Top 6 Sources for Identifying Threat Actor TTPs

Understanding your enemy is essential. These six sources will help you identify the most popular threat actor tactics, techniques, and procedures (TTPs).

Join & Write a Comment

In Part 1 (http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/A_7849-Hex-Maze.html) we covered the hexagonal maze basics -- how the cells are represented in a JavaScript array and how the maze is displayed.  In this part, we'…
Summary In SharePoint 2010 it is easy to create custom color themes to jazz up a site. Theme colors can also be created in PowerPoint 2010 with a few clicks. But how do the chosen colors actually look in the SharePoint site? The attached PowerPoint…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

743 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

16 Experts available now in Live!

Get 1:1 Help Now