3

I have a custom list to which I want to apply the JSLink in NewForm.

My code is : 

(function () { // load jQuery var newscript = document.createElement('script'); newscript.type = 'text/javascript'; newscript.async = true; newscript.src = '~site/Style Library/JS/jquery-1.11.0.min.js'; (document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(newscript); var SPJSScript = document.createElement('script'); SPJSScript.type = 'text/javascript'; SPJSScript.async = true; SPJSScript.src = '~site/_layouts/15/sp.js'; (document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(SPJSScript); var OverrideCtx = {}; OverrideCtx.Templates = {}; OverrideCtx.Templates.Fields = { "Responsible": { "NewForm": renderResponsible } }; SPClientTemplates.TemplateManager.RegisterTemplateOverrides(OverrideCtx); })(); function renderResponsible(ctx) { getResponsibleArray(); return "<b>hello</b>"; } function getResponsibleArray() { alert(_spPageContextInfo.siteAbsoluteUrl); var clientContext = SP.ClientContext.get_current(); website = clientContext.get_web(); clientContext.load(website); clientContext.executeQueryAsync(onRequestSucceeded, onRequestFailed); function onRequestSucceeded() { alert(website.get_url()); } function onRequestFailed(sender, args) { alert('Error: ' + args.get_message()); } }

This code returns Unable to get property 'get_current' of undefined or null reference error when I debug the JS.

What should I do to get the web to query further in the list and libraries?

Improve this question
2
  • did you include the Sp.js? Commented Aug 11, 2014 at 8:14
  • Nope, I think it is already loading by SharePoint itself. Commented Aug 11, 2014 at 8:16

3 Answers 3

Reset to default
7

After searching over internet I found the solution.

I just needed to execute my function after the SP.JS gets loaded.

So I added one line.ExecuteOrDelayUntilScriptLoaded(getResponsibleArray, "sp.js"); in my code.

So my new code is : 

$(document).ready(function () { ExecuteOrDelayUntilScriptLoaded(getResponsibleArray, "sp.js"); }); (function () { var OverrideCtx = {}; OverrideCtx.Templates = {}; OverrideCtx.Templates.Fields = { "Responsible": { "NewForm": renderResponsible } }; SPClientTemplates.TemplateManager.RegisterTemplateOverrides(OverrideCtx); })(); function renderResponsible(ctx) { return "<b>hello</b>"; } function getResponsibleArray() { var clientContext = SP.ClientContext.get_current(); website = clientContext.get_web(); clientContext.load(website); clientContext.executeQueryAsync(onRequestSucceeded, onRequestFailed); function onRequestSucceeded() { alert(website.get_url()); } function onRequestFailed(sender, args) { alert('Error: ' + args.get_message()); } }

I have given the path of JQuery in the JSLink text box in the xslt list view web part to make my code simple. It's working fine in my case.

Hope this helps to others,

Thanks.

Improve this answer
1

The SP.ClientContext object is defined in the Sp.js script.
These lines add the basic sp library of SP:

<script type="text/javascript" src="/_layouts/15/sp.js"></script> <script type="text/javascript" src="/_layouts/15/sp.runtime.js"></script> <script type="text/javascript" src="/_layouts/15/sp.requestexecutor.js"></script> <script type="text/javascript" src="/_layouts/15/sp.ui.dialog.js"></script>
Improve this answer
2
  • Is is new form of the Custom List and I changed the code (updated in the question) as per your suggestion but the code throws and error. Value cannot be undefined. Parameter name: baseType ScriptResource.axd file. After page loaded I can see the SP.js is loaded in the debugger Commented Aug 11, 2014 at 8:22
  • modified my answer Commented Aug 11, 2014 at 8:24
0

This works for me when I am using WorkflowServices. It should work in your case as well:

ExecuteOrDelayUntilScriptLoaded(function () { ExecuteOrDelayUntilScriptLoaded(function () { SP.SOD.registerSod('SP.ClientContext', SP.Utilities.Utility.getLayoutsPageUrl('sp.js')); SP.SOD.registerSod('SP.WorkflowServices.WorkflowServicesManager', SP.Utilities.Utility.getLayoutsPageUrl('SP.WorkflowServices.js')); SP.SOD.loadMultiple(['SP.ClientContext', 'SP.WorkflowServices.WorkflowServicesManager'], function () { var context = SP.ClientContext.get_current(); var web = context.get_web(); var servicesManager = SP.WorkflowServices.WorkflowServicesManager.newObject(context, web); var instanceService = servicesManager.getWorkflowInstanceService(); }); }, "sp.js"); }, "sp.runtime.js");
Improve this answer
1
  • Please don't add the same answer as this one Try to be more specific. Thank you Commented Aug 26, 2016 at 14:49

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.