Adding a counter to a DataTemplate

I have a DataTemplate for an ItemsControl that outputs a Grid with some binded controls, and this works as expected.

However, I want the first column of the Grid to output a counter of each Grid made.

For example...

<DataTemplate x:Key="myDataTemplate">

    <Grid>

        <Grid.ColumnDefinitions>

            <ColumnDefinition Width="75" />

            <ColumnDefinition Width="150" />

        </Grid.ColumnDefinitions>



        <TextBlock Text="X" /> <!-- I want a counter to go here -->

        <TextBox Grid.Column="1" Text="{Binding Path=Name}" />

    </Grid>

</DataTemplate>

I want that first TextBlock to display 1, 2, 3, 4, etc... as the DataTemplate outputs new Grids.

Any ideas on the best way to do that?

Thanks!

asked Nov 19 '18 at 19:16

user642153

add a comment |

I have a DataTemplate for an ItemsControl that outputs a Grid with some binded controls, and this works as expected.

However, I want the first column of the Grid to output a counter of each Grid made.

For example...

<DataTemplate x:Key="myDataTemplate">

    <Grid>

        <Grid.ColumnDefinitions>

            <ColumnDefinition Width="75" />

            <ColumnDefinition Width="150" />

        </Grid.ColumnDefinitions>



        <TextBlock Text="X" /> <!-- I want a counter to go here -->

        <TextBox Grid.Column="1" Text="{Binding Path=Name}" />

    </Grid>

</DataTemplate>

I want that first TextBlock to display 1, 2, 3, 4, etc... as the DataTemplate outputs new Grids.

Any ideas on the best way to do that?

Thanks!

asked Nov 19 '18 at 19:16

user642153

add a comment |

I have a DataTemplate for an ItemsControl that outputs a Grid with some binded controls, and this works as expected.

However, I want the first column of the Grid to output a counter of each Grid made.

For example...

<DataTemplate x:Key="myDataTemplate">

    <Grid>

        <Grid.ColumnDefinitions>

            <ColumnDefinition Width="75" />

            <ColumnDefinition Width="150" />

        </Grid.ColumnDefinitions>



        <TextBlock Text="X" /> <!-- I want a counter to go here -->

        <TextBox Grid.Column="1" Text="{Binding Path=Name}" />

    </Grid>

</DataTemplate>

I want that first TextBlock to display 1, 2, 3, 4, etc... as the DataTemplate outputs new Grids.

Any ideas on the best way to do that?

Thanks!

asked Nov 19 '18 at 19:16

user642153

I have a DataTemplate for an ItemsControl that outputs a Grid with some binded controls, and this works as expected.

However, I want the first column of the Grid to output a counter of each Grid made.

For example...

<DataTemplate x:Key="myDataTemplate">

    <Grid>

        <Grid.ColumnDefinitions>

            <ColumnDefinition Width="75" />

            <ColumnDefinition Width="150" />

        </Grid.ColumnDefinitions>



        <TextBlock Text="X" /> <!-- I want a counter to go here -->

        <TextBox Grid.Column="1" Text="{Binding Path=Name}" />

    </Grid>

</DataTemplate>

I want that first TextBlock to display 1, 2, 3, 4, etc... as the DataTemplate outputs new Grids.

Any ideas on the best way to do that?

Thanks!

xaml datatemplate

asked Nov 19 '18 at 19:16

user642153

asked Nov 19 '18 at 19:16

user642153

asked Nov 19 '18 at 19:16

user642153

asked Nov 19 '18 at 19:16

user642153

asked Nov 19 '18 at 19:16

user642153

add a comment |

1 Answer
1

active

oldest

votes

You can achieve this using AlternationCount and AlternationIndex of ItemsControl. Like,

<ItemsControl ItemsSource="{Binding Items}" AlternationCount="{Binding Items.Count}">

    <ItemsControl.ItemTemplate>

        <DataTemplate x:Key="myDataTemplate">

            <Grid>

                <Grid.ColumnDefinitions>

                    <ColumnDefinition Width="75" />

                    <ColumnDefinition Width="150" />

                </Grid.ColumnDefinitions>



                <TextBlock Text="{Binding Path=(ItemsControl.AlternationIndex), RelativeSource={RelativeSource TemplatedParent}}" />

                <TextBox Grid.Column="1" Text="{Binding Path=Name}" />

            </Grid>

        </DataTemplate>

    </ItemsControl.ItemTemplate>

</ItemsControl>

This will give you 0 based index; you can use IValueConverter if any changes needed.

answered Nov 20 '18 at 15:02

dhilmathy

1,5211917

add a comment |

Your Answer

StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});

}
});

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53381221%2fadding-a-counter-to-a-datatemplate%23new-answer', 'question_page');
}
);

Post as a guest

Name

Required, but never shown

1 Answer
1

active

oldest

votes

1 Answer
1

active

oldest

votes

You can achieve this using AlternationCount and AlternationIndex of ItemsControl. Like,

<ItemsControl ItemsSource="{Binding Items}" AlternationCount="{Binding Items.Count}">

    <ItemsControl.ItemTemplate>

        <DataTemplate x:Key="myDataTemplate">

            <Grid>

                <Grid.ColumnDefinitions>

                    <ColumnDefinition Width="75" />

                    <ColumnDefinition Width="150" />

                </Grid.ColumnDefinitions>



                <TextBlock Text="{Binding Path=(ItemsControl.AlternationIndex), RelativeSource={RelativeSource TemplatedParent}}" />

                <TextBox Grid.Column="1" Text="{Binding Path=Name}" />

            </Grid>

        </DataTemplate>

    </ItemsControl.ItemTemplate>

</ItemsControl>

This will give you 0 based index; you can use IValueConverter if any changes needed.

answered Nov 20 '18 at 15:02

dhilmathy

1,5211917

add a comment |

You can achieve this using AlternationCount and AlternationIndex of ItemsControl. Like,

<ItemsControl ItemsSource="{Binding Items}" AlternationCount="{Binding Items.Count}">

    <ItemsControl.ItemTemplate>

        <DataTemplate x:Key="myDataTemplate">

            <Grid>

                <Grid.ColumnDefinitions>

                    <ColumnDefinition Width="75" />

                    <ColumnDefinition Width="150" />

                </Grid.ColumnDefinitions>



                <TextBlock Text="{Binding Path=(ItemsControl.AlternationIndex), RelativeSource={RelativeSource TemplatedParent}}" />

                <TextBox Grid.Column="1" Text="{Binding Path=Name}" />

            </Grid>

        </DataTemplate>

    </ItemsControl.ItemTemplate>

</ItemsControl>

This will give you 0 based index; you can use IValueConverter if any changes needed.

answered Nov 20 '18 at 15:02

dhilmathy

1,5211917

add a comment |

You can achieve this using AlternationCount and AlternationIndex of ItemsControl. Like,

<ItemsControl ItemsSource="{Binding Items}" AlternationCount="{Binding Items.Count}">

    <ItemsControl.ItemTemplate>

        <DataTemplate x:Key="myDataTemplate">

            <Grid>

                <Grid.ColumnDefinitions>

                    <ColumnDefinition Width="75" />

                    <ColumnDefinition Width="150" />

                </Grid.ColumnDefinitions>



                <TextBlock Text="{Binding Path=(ItemsControl.AlternationIndex), RelativeSource={RelativeSource TemplatedParent}}" />

                <TextBox Grid.Column="1" Text="{Binding Path=Name}" />

            </Grid>

        </DataTemplate>

    </ItemsControl.ItemTemplate>

</ItemsControl>

This will give you 0 based index; you can use IValueConverter if any changes needed.

answered Nov 20 '18 at 15:02

dhilmathy

1,5211917

You can achieve this using AlternationCount and AlternationIndex of ItemsControl. Like,

<ItemsControl ItemsSource="{Binding Items}" AlternationCount="{Binding Items.Count}">

    <ItemsControl.ItemTemplate>

        <DataTemplate x:Key="myDataTemplate">

            <Grid>

                <Grid.ColumnDefinitions>

                    <ColumnDefinition Width="75" />

                    <ColumnDefinition Width="150" />

                </Grid.ColumnDefinitions>



                <TextBlock Text="{Binding Path=(ItemsControl.AlternationIndex), RelativeSource={RelativeSource TemplatedParent}}" />

                <TextBox Grid.Column="1" Text="{Binding Path=Name}" />

            </Grid>

        </DataTemplate>

    </ItemsControl.ItemTemplate>

</ItemsControl>

This will give you 0 based index; you can use IValueConverter if any changes needed.

answered Nov 20 '18 at 15:02

dhilmathy

1,5211917

answered Nov 20 '18 at 15:02

dhilmathy

1,5211917

answered Nov 20 '18 at 15:02

dhilmathy

1,5211917

answered Nov 20 '18 at 15:02

dhilmathy

1,5211917

add a comment |

draft saved

draft discarded

Thanks for contributing an answer to Stack Overflow!

Please be sure to answer the question. Provide details and share your research!

But avoid …

Asking for help, clarification, or responding to other answers.

Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Name

Required, but never shown

Name

Required, but never shown

This page is only for reference, If you need detailed information, please check here

搜尋此網誌

Agfdhyk