SharePoint 2013 新建项目字段自动加载上次保存值

  1、点击进入NewForm.aspx页面,编辑页面,插入Script Editor WebPart,如下图:

SharePoint 2013 新建项目字段自动加载上次保存值_第1张图片

  2、插入后如下图,拖动AutoRecord WebPart到脚本编辑器上面,防止因为加载顺序的问题无法找到页面上的DOM;

SharePoint 2013 新建项目字段自动加载上次保存值_第2张图片

  3、在脚本编辑器中添加脚本的外部引用,和需要执行的方法,如下图:

SharePoint 2013 新建项目字段自动加载上次保存值_第3张图片

  4、去引用的外部脚本中,编写我们的脚本,如下图:

  原理就是用脚本在现有的Save按钮前添加一个新的Save按钮,同时隐藏掉默认的,新按钮的功能就是将要保存的字段值写到Cookie里面,并执行旧按钮的保存事件;

SharePoint 2013 新建项目字段自动加载上次保存值_第4张图片

  5、新建一个记录,点击我们新加入的按钮“Save2”来保存,如下图:

SharePoint 2013 新建项目字段自动加载上次保存值_第5张图片

  6、保存以后的效果,如下图:

SharePoint 2013 新建项目字段自动加载上次保存值_第6张图片

  7、再次新建项目,会自动从Cookie中读取到值,然后赋值给Title字段,如下图:

SharePoint 2013 新建项目字段自动加载上次保存值_第7张图片

  8、测试成功以后,接下来的工作就是在脚本中修改,隐藏掉Save按钮,把Save2按钮的名字改成Save,即可完成工作,最终效果如下图:

SharePoint 2013 新建项目字段自动加载上次保存值_第8张图片

总结

  SharePoint中脚本的应用是非常灵活的,当然QQ群里讨论的时候,还有朋友说可以写到后台中,用Ajax去处理,也都是不错的建议;

  本文介绍的是最简单的字段,也就是单行文本字段;如果遇到下拉框等特殊的字段,可以参考本文处理,不过不一定适用于所有情况;

  好了,就到这里,休息。。休息一下。。

附完整脚本

var CookieName = "TitleField";
var FieldId = "Title_fa564e0f-0c70-4ab9-b863-0177e6ddd247_$TextField";
var BtnId = "ctl00_ctl38_g_ea9475eb_d286_4078_diidIOSaveItem";

function GetCookie()
{
	try
	{
		var arr,reg = new RegExp("(^| )" + CookieName + "=([^;]*)(;|$)");
	
		if(arr = document.cookie.match(reg))
		{
			document.getElementById(FieldId).value = unescape(arr[2]);
			return unescape(arr[2]); 
	    }
	    else
	    {
	    	return null;
	    }
	}
	catch(ex){}
}

function SetCookie()
{
	var value = document.getElementById(FieldId).value;
	var Days = 30; 
    var exp = new Date(); 
    exp.setTime(exp.getTime() + Days*24*60*60*1000); 
    document.cookie = CookieName + "=" + escape (value) + ";expires=" + exp.toGMTString();
    var btn = document.getElementById(BtnId);
    btn.click();
}

function BindSaveButton()
{
	var newBtn = "<input type='button' onclick='SetCookie()' value='Save'></input>";
	var btn = document.getElementById(BtnId);
	btn.outerHTML = newBtn + "<span style='display:none;'>" +btn.outerHTML + "</span>";
}

你可能感兴趣的:(SharePoint 2013 新建项目字段自动加载上次保存值)