Question

I m recreating an old desktop application in WinUI 3. This app has a FlexGrid and I need a modern replacement for it. Right now, I am trying to use a grid and programmatically placing TextBoxes in the grid and binding them to a view model in my app. I m not doing this in the Xaml page because there are around 350 textboxes that I need to collect input from. The screenshot attached is from the original application, each of the yellow-ish shaded cells is for user input for number values.

问题一是,具有约束力的数据没有作用,总体来看似乎是一种冷静的方法,可以重新计算原方案的内容。

Answer 1

I m not doing this in the Xaml page because there are around 350 textboxes that I need to collect input from.

请允许我用:

public partial class Item : ObservableObject
{
    public int Id { get; }

    public Item(int id) => Id = id;

    [ObservableProperty]
    private int _value;
}

public partial class MainPageViewModel : ObservableObject
{
    [ObservableProperty]
    private ObservableCollection<Item> _items = new();

    public MainPageViewModel()
    {
        for (int i = 0; i < 350; i++)
        {
            Items.Add(new Item(i));
        }
    }
}

<ScrollView>
    <ItemsRepeater ItemsSource="{x:Bind ViewModel.Items, Mode=OneWay}">
        <ItemsRepeater.ItemTemplate>
            <DataTemplate x:DataType="local:Item">
                <Grid ColumnDefinitions="30,*">
                    <TextBlock
                        Grid.Column="0"
                        VerticalAlignment="Center"
                        Text="{x:Bind Id}" />
                    <TextBox
                        Grid.Column="1"
                        Text="{x:Bind Value, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
                </Grid>
            </DataTemplate>
        </ItemsRepeater.ItemTemplate>
        <ItemsRepeater.Layout>
            <UniformGridLayout
                MaximumRowsOrColumns="10"
                Orientation="Vertical" />
        </ItemsRepeater.Layout>
    </ItemsRepeater>
</ScrollView>

友情链接