Fenêtre Meilleures pratiques WPF pour la saisie de données

StackOverflow https://stackoverflow.com/questions/316921

  •  11-07-2019
  •  | 
  •  

Question

Je suis en train de jouer avec WPF et je me demande maintenant quelle serait la disposition d'une fenêtre typique de type entrée de données (plus de 20 zones de texte et autres).

atm i`m utilise un objet de grille comme celui-ci (échantillon de base) 

    <Grid Margin="2,2,2,2">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto"></ColumnDefinition>
            <ColumnDefinition Width="*"></ColumnDefinition>
        </Grid.ColumnDefinitions>

        <Grid.RowDefinitions >
            <RowDefinition Height="Auto"></RowDefinition>
            <RowDefinition Height="Auto"></RowDefinition>
            <RowDefinition Height="Auto"></RowDefinition>
            <RowDefinition Height="Auto"></RowDefinition>
            <RowDefinition Height="Auto"></RowDefinition>
            <RowDefinition Height="Auto"></RowDefinition>
            <RowDefinition Height="Auto"></RowDefinition>
            <RowDefinition Height="Auto"></RowDefinition>
        </Grid.RowDefinitions>

            <Label Grid.Row="0" Grid.Column="0">Vorname:</Label>
            <TextBox Grid.Row="0" Grid.Column="1" Text="{Binding Path=Surname, UpdateSourceTrigger=PropertyChanged}" ></TextBox>

            <Label Grid.Row="1" Grid.Column="0">Nachname:</Label>
            <TextBox Grid.Row="1" Grid.Column="1" Text="{Binding Path=ChristianName, UpdateSourceTrigger=PropertyChanged}"></TextBox>

            <Label Grid.Row="2" Grid.Column="0">Strasse (Wohnsitz):</Label>
            <TextBox Grid.Row="2" Grid.Column="1" Text="{Binding Path=Street1, UpdateSourceTrigger=PropertyChanged}"></TextBox>

            <Label Grid.Row="3" Grid.Column="0">Ort (Wohnsitz):</Label>
            <TextBox Grid.Row="3" Grid.Column="1" Text="{Binding Path=Town1, UpdateSourceTrigger=PropertyChanged}"></TextBox>

            <Label Grid.Row="4" Grid.Column="0">Postleitzahl (Wohnsitz):</Label>
            <TextBox Grid.Row="4" Grid.Column="1" Text="{Binding Path=PostalCode1, UpdateSourceTrigger=PropertyChanged}"></TextBox>

            <Label Grid.Row="5" Grid.Column="0">Bundesland (Wohnsitz):</Label>
            <TextBox Grid.Row="5" Grid.Column="1" Text="{Binding Path=State1, UpdateSourceTrigger=PropertyChanged}"></TextBox>

            <Label Grid.Row="6" Grid.Column="0">Land (Wohnsitz):</Label>
            <TextBox Grid.Row="6" Grid.Column="1" Text="{Binding Path=Country1, UpdateSourceTrigger=PropertyChanged}"></TextBox>

            <Label Grid.Row="7" Grid.Column="0">Zusatz (Wohnsitz):</Label>
            <TextBox Grid.Row="7" Grid.Column="1" Text="{Binding Path=AdditionalAdrInfo1, UpdateSourceTrigger=PropertyChanged}"></TextBox>

    </Grid>

En gros, cela répond à tous mes besoins en matière de mise en page, mais que se passe-t-il si je souhaite modifier quelque chose, comme ajouter une nouvelle zone de texte à la ligne 3?

actuellement, je dois changer chaque propriété Grid.Row supérieure à 3, mais cela ne peut pas être la manière prévue de WPF!?

comment les autres organisent-ils les fenêtres d’entreprises de données complexes?

tia

Était-ce utile?

La solution

Karl Shifflett a également une approche intéressante des formulaires LOB dans WPF: http://karlshifflett.wordpress.com/2008/10/23/wpf-silverlight-lob-form-layout-searching-for-a-better-solution /

Autres conseils

Certaines personnes utilisent des StackPanel imbriqués pour "résoudre". ce problème, mais IMHO qui introduit juste un autre problème (gonflement du code). Je pense que la meilleure façon de résoudre ce problème est d'écrire votre propre panneau qui décrit les enfants de manière consécutive dans des colonnes. Je l'ai fait sur un projet précédent et il présente de nombreux avantages:

  • XAML plus lisible et plus concis
  • Plus facile à gérer XAML
  • Performances plus rapides

L'usage ressemblait à quelque chose comme ceci: 

<local:FieldPanel>
    <Label>Field 1:</Label>
    <TextBox/>

    <Label>Field 2:</Label>
    <TextBox/>

    <Label>Field 3:</Label>
    <TextBox/>
</local:FieldPanel>
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top