How to display array in xaml under UWP C#

Question

How to display array in xaml the way that each line is on separate row and each row is split into separate textblocks?

I split line like so:

string[] splitLines = line.Split(';');
itemsControl.Items.Add(line);

Then, in xaml I display it like so:

This way I get each line from my .xls file in separate row, but the separator ';' is included in the returned content of row. Now I would like to remove ';' separator and put each word from each line on separate textblock, like so:

for (int index = 0; index < splitLines.Length; index++)
            {

                itemsControl.Items.Add(splitLines[index]);

            }

This breaks each line into separate words, but unfortunately, each word is put on separate row(instead to populate 5 textblocks with each line's words.

Any idea how to show each .xls line in separate row, but then also split each line into words and put them in separate textblocks in separate columns?

EDIT I have tried the solution from Alexej Sommer, I get some erors though:

ItemsData dataitem = new ItemsData
                {
                value0 = splitLines[0];
                value1 = splitLines[1];
                value2 = splitLines[2];
                value3 = splitLines[3];
                value4 = splitLines[4];
            }
            items.Add(dataitem);

In this piece of code I get first semicolon underscored and error says:

} expected.

Then, values 1 - 4 are underscored and error says:

The name (X) does not exist in the current content

At last, dataitem gets underscored and same error shows up.

EDIT 2 --

I managed to fix the problem. There were problems with braces and code put in a wrong place. Also, instead of:

ItemsData dataitem = new ItemsData
            {
            value0 = splitLines[0];
            value1 = splitLines[1];
            value2 = splitLines[2];
            value3 = splitLines[3];
            value4 = splitLines[4];
        }
        items.Add(dataitem);

I used:

ItemsData dataitem = new ItemsData
            {
                value0 = splitLines[0],
                value1 = splitLines[1],
                value2 = splitLines[2],
                value3 = splitLines[3],
                value4 = splitLines[4],
            };
            items.Add(dataitem);

And that solved the problem.

Here is clean working code:

public async void ReadFile()
    {

        var path = @"CPU.xls";
        var folder = Windows.ApplicationModel.Package.Current.InstalledLocation;

        var file = await folder.GetFileAsync(path);
        var readFile = await Windows.Storage.FileIO.ReadLinesAsync(file);

        foreach (string line in readFile.OrderBy(line =>
        {
            int lineNo;
            var success = int.TryParse(line.Split(';')[4], out lineNo);
            if (success) return lineNo;
            return int.MaxValue;
        }))
        {
            string[] splitLines = line.Split(';');

            ObservableCollection items = new ObservableCollection();
            for (int index = 0; index < splitLines.Length; index++)
            {
                ItemsData dataitem = new ItemsData
                {
                    value0 = splitLines[0],
                    value1 = splitLines[1],
                    value2 = splitLines[2],
                    value3 = splitLines[3],
                    value4 = splitLines[4],
                };
                items.Add(dataitem);
            }
            itemsControl.DataContext = items;
        }

    }

I yet need to fix the layout as for now all the textblocks show up in same column and they overlap.

Thank you Alexej for your help!

Edit 3---- To put textblocks on separate columns in xaml I did like so:

This way each word from line is put on separate column. TextBlocks don't overlap anymore.

Unfortunately I didn't manage do showcase all file(all lines). For now each row in xaml is populated with same line from the file instead of pulling each line into separate rows in xaml.

What should I do in order to list all lines instead of just one line? I believe that there is problem on C# code side.

How to display array in xaml under UWP C#

Answers (1)

Related Questions