@Matt : I'm doing it, thank you for your help.
@Mike : Yes it is, but i'm just trying to use it in generateSampledata() in my sampleItems array.
(function () {
"use strict";
var list = new WinJS.Binding.List();
var groupedItems = list.createGrouped(
function groupKeySelector(item) { return item.group.key; },
function groupDataSelector(item) { return item.group; }
);
// TODO: Replace the data with your real data.
// You can add data from asynchronous sources whenever it becomes available.
generateSampleData().forEach(function (item) {
list.push(item);
});
WinJS.Namespace.define("Data", {
items: groupedItems,
groups: groupedItems.groups,
getItemReference: getItemReference,
getItemsFromGroup: getItemsFromGroup,
resolveGroupReference: resolveGroupReference,
resolveItemReference: resolveItemReference
});
// Get a reference for an item, using the group key and item title as acunique reference to the item that can be easily serialized.
function getItemReference(item) {
return [item.group.key, item.title];
}
// This function returns a WinJS.Binding.List containing only the items that belong to the provided group.
function getItemsFromGroup(group) {
return list.createFiltered(function (item) { return item.group.key === group.key; });
}
// Get the unique group corresponding to the provided group key.
function resolveGroupReference(key) {
return groupedItems.groups.getItemFromKey(key).data;
}
// Get a unique item from the provided string array, which should contain a group key and an item title.
function resolveItemReference(reference) {
for (var i = 0; i < groupedItems.length; i++) {
var item = groupedItems.getAt(i);
if (item.group.key === reference[0] && item.title === reference[1]) {
return item;
}
}
}
// Returns an array of sample data that can be added to the application's data list.
function generateSampleData() {
var itemContent = "Some test";
var group1ItemStorageContent = "Test";
var itemDescription = "Some text";
var groupDescription = "Some description";
var workshopsListFile = "myFile.txt";
var sampleGroups;
// Reading workshopsListFile content
// Getting file with asyncrhonous method
Windows.Storage.KnownFolders.picturesLibrary.getFileAsync(workshopsListFile).done(
function (file) {
Windows.Storage.FileIO.readTextAsync(file).done(
function (fileContent) {
// Split file into array
var myVariable1 = fileContent.split(";");
// Getting workshops array lentgh
var myVariableLentgh = myVariable1.length;
// Initializing sampleGroups array
sampleGroups.length = 0;
for (var i = 0; i < (myVariableLentgh - 1) ; i++)
sampleGroups[i] = "{ key: group" + [i + 1] + ", title:" + myVariable1[i] + ", subtitle: Some text, description: " + groupDescription + "},";
},
function (error) {
var messagedialogpopup = new Windows.UI.Popups.MessageDialog("Unable to read the sources file", 'Error');
messagedialogpopup.showAsync();
});
},
function (error) {
var messagedialogpopup = new Windows.UI.Popups.MessageDialog("The specific file was not found on the directory", 'Error');
messagedialogpopup.showAsync();
});
// Each of these sample items should have a reference to a particular group.
var sampleItems = [
{ group: sampleGroups[0], title: "Status", subtitle: "Active", description: itemDescription, content: group1ItemStorageContent },
{ group: sampleGroups[0], title: "Description", subtitle: "More informations", description: itemDescription, content: itemContent },
{ group: sampleGroups[0], title: "Environments", subtitle: "11", description: itemDescription, content: itemContent },
{ group: sampleGroups[1], title: "Status", subtitle: "Active", description: itemDescription, content: itemContent },
{ group: sampleGroups[1], title: "Description", subtitle: "More informations", description: itemDescription, content: itemContent },
{ group: sampleGroups[1], title: "Environments", subtitle: "11", description: itemDescription, content: itemContent },
];
return sampleItems;
}
})();
I'm facing this issue : JavaScript runtime error: Unable to get property '0' of undefined or null reference
