Adding custom webpart throwing Javascript error -The collection has not been initialized.

Question

Hi,
I created a Javascript CSOM visual webpart and added to page. In the IE developer tools console, I am getting an error as below:
"SCRIPT5022: The collection has not been initialized. It has not been requested or the request has not been executed. It may need to be explicitly requested.
SP.Runtime.js, line 2 character 35853".
My code is as below:
<script type="text/javascript" src="../../_layouts/15/MicrosoftAjax.js"></script>
<script type="text/javascript" src="../../_layouts/15/SP.Runtime.js"></script>
<script type="text/javascript" src="../_layouts/15/sp.js"></script>
<script type="text/javascript" src="../_layouts/15/sp.ui.controls.js"></script>
<script type="text/javascript" src="/_layouts/15/test/Scripts/jquery-1.8.2.js"></script>
<script type="text/javascript" src="/_layouts/15/test/Scripts/Rotator.js"></script>
<script type="text/javascript" src="/_layouts/15/test/Scripts/bjqs-1.3.js"></script>
<link rel="stylesheet" type="text/css" href="/_layouts/15/test/CSS/bjqs.css" />
<SharePoint:FormDigest ID="FormDigestRotator" runat="server">
</SharePoint:FormDigest>
<div id="banner-fade">
<ul id="carousel" class="bjqs">
</ul>
</div>
// In Rotator.js
$(document).ready(function () {
SP.SOD.executeFunc('sp.js', 'SP.ClientContext', loadConfigData);
function loadConfigData() {
var clientcontext = new SP.ClientContext.get_current();
var oweb = clientcontext.get_site().get_rootWeb();
var olist = oweb.get_lists().getByTitle("LibName");
var configquery = SP.CamlQuery.createAllItemsQuery();
Allpictures = olist.getItems(configquery);
clientcontext.load(Allpictures, 'Include(Title,ImgSubURL)');
clientcontext.executeQueryAsync(Function.createDelegate(this, this.Configsuccess), Function.createDelegate(this, this.Configfailed));
How to fix this javascript error? Due to this, the "Check-in" option is not working.
Update: i believe the error is with "executeQueryAsync". How to fix this?
Thanks

Answer 1

Hi,
I suggest you create a simple demo first, once it works, then add other customization into your project gradually. It will be easier to composite the correct code.
Please apply the code below in your project for a try:
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
_spBodyOnLoadFunctionNames.push("callCSOM");
var clientContext;
var website;
var str="";
// Make sure the SharePoint script file 'sp.js' is loaded before your
// code runs.
function callCSOM()
//alert("call");
$("#Button1").click(function()
ExecuteOrDelayUntilScriptLoaded(sharePointReady, "sp.js");
// Create an instance of the current context.
function sharePointReady() {
clientContext = SP.ClientContext.get_current();
website = clientContext.get_web();
clientContext.load(website);
clientContext.executeQueryAsync(onRequestSucceeded, onRequestFailed);
function onRequestSucceeded() {
str="website.get_title(): "+website.get_title();
alert(str);
function onRequestFailed(sender, args) {
alert('Error: ' + args.get_message());
</script>
<input id="Button1" type="button" value="Run Code"/>
Thanks
Patrick Liang
Forum Support
Please remember to mark the replies as answers if they help and unmark them if they provide no help. If you have feedback for TechNet Subscriber Support, contact
[email protected]
Patrick Liang
TechNet Community Support