C#, WPF, привязка List‹string› к DataGrid

У меня возникли проблемы с привязкой списка к DataGrid. Он должен быть максимально простым. Я новичок в WPF, и это для моего личного обучения.

У меня есть класс View(Editor),ViewModel(VMText) и Data(JustText).

Мой источник на данный момент:

JustText.cs

namespace Model
{
    public class Text
    {
        private string _code;
        public string Code
        {
            get { return _code;  }
            set { _code = value; }
        }

        public Text()
        {
            _code = "Hello World!\nHow you doin'?";
        }
    } 
}

VMText.cs

namespace ViewModel
{
    public class VMText
    {    
        private Model.Text _code;

        public List<string> Code
        {            
            get { return new List<string>(_code.Code.Split('\n'));        }
            set { _code.Code = System.String.Join("\n", value.ToArray()); }
        }

        private View.Editor editor;

        public VMText(View.Editor editor)
        {
            _code = new Model.Text();
            this.editor = editor; 
        }
    }
}

Editor.xaml

<Window x:Class="View.Editor"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:View"
        mc:Ignorable="d"
        Title="Editor" Height="240.024" Width="269.895">
    <Grid Background="#FF292929" Margin="0,0,-6.8,0.4">
        <DataGrid x:Name="dataGrid" 
                  HorizontalAlignment="Left" 
                  Margin="0,0,0,0" 
                  VerticalAlignment="Top"
                  Width="200pt"
                  Height="100pt"
                  DataContext="{Binding vmText}">
            <DataGrid.Columns>
                <DataGridTextColumn Binding="{Binding Code, UpdateSourceTrigger=PropertyChanged}" Foreground="Black" Width="60" Header="Test" IsReadOnly="false" />
            </DataGrid.Columns>
        </DataGrid>
    </Grid>
</Window>

Editor.xaml.cs

namespace View
{
    public partial class Editor : Window
    {
        private ViewModel.VMText vmText;

        #region Constructor

        public Editor()
        {
            InitializeComponent();

            vmText = new ViewModel.VMText(this);
            DataContext = vmText;
        }

        #endregion
    }
}

Я просто хочу показать список, созданный в VMText, в одном столбце в DataGrid.

dipa2016 29.12.2016 источник

comment

Похоже, вам нужно установить свойство ItemsSource в DataGrid. - momar 29.12.2016

comment

public List<string> Code {...} вы собираете данные для DataGrid, поэтому привяжите его в <DataGrid x:Name="dataGrid" ... ItemsSource="{Binding Code}"> - Dawid Wekwejt 29.12.2016

comment

1) ItemsSource="{Binding Code}". Вообще не устанавливайте DataContext в сетке; он наследует это от представления. 2) Эта привязка ItemsSource не заменит Code; он отредактирует элементы in Code, что невозможно в том виде, в котором вы это написали. С имеющейся у вас моделью просмотра все, что вы можете сделать, это отобразить элементы в Code. Итак, Code нужно изменить: это должен быть ObservableCollection класса, у которого есть свойство, которое сетка может редактировать. - 15ee8f99-57ff-4f92-890c-b56153 29.12.2016

Ответы (3)

arrow_upward
11
arrow_downward

Я предполагаю, что вы просто хотите отобразить строки в свойстве исходной коллекции кода модели представления в DataGrid.

Затем следует привязать свойство ItemsSource объекта DataGrid к свойству источника кода модели представления, а затем привязать DataGridTextColumn к строкам в самом списке кодов. Вам просто нужно немного изменить разметку XAML вашего представления, чтобы иметь возможность видеть строки. Попробуй это:

<DataGrid x:Name="dataGrid" 
              HorizontalAlignment="Left" 
              Margin="0,0,0,0" 
              VerticalAlignment="Top"
              Width="200pt"
              Height="100pt"
              ItemsSource="{Binding Code}"
              AutoGenerateColumns="False">
    <DataGrid.Columns>
        <DataGridTextColumn Binding="{Binding}" 
                                Foreground="Black" Width="60" Header="Test" IsReadOnly="false" />
    </DataGrid.Columns>
</DataGrid>

mm8 29.12.2016

comment

Спасибо, это работает. Я пробовал это с Binding={Binding Path =.}, и он тоже работает. Но это все еще «пробы и ошибки». Я должен выяснить концепцию привязки. - dipa2016; 01.01.2017

comment

{Binding} — это сокращение от {Binding Path =.}: msdn.microsoft.com/en-us/library/ms750413(v=vs.110).aspx. Пожалуйста, не забудьте принять ответ и проголосовать за полезные. - mm8; 01.01.2017

arrow_upward
3
arrow_downward

Вы должны реализовать INotifyPropertyChanged чтобы уведомить привязку об изменении свойства. Также для коллекций смотрите на ObservableCollection вместо List.

Johnny 29.12.2016

arrow_upward
1
arrow_downward

Привяжите VMText.Code к DataGrid ItemSource. Вам не нужно инициализировать DataGrid DataContract в представлении, когда вы делаете это в коде позади.

Модель представления

namespace ViewModel
{
    public class VMText : INotifyPropertyChanged
    {
        public VMText(View.Editor editor)
        {
            _code = new Model.Text();
            this.editor = editor; 
        }

        public List<string> Code
        {            
            get
            {
                return new List<string>(_code.Code.Split('\n'));
            }
            set
            {
                _code.Code = System.String.Join("\n", value.ToArray());
                NotifyPropertyChanged("Code");
            }
        }

        private void NotifyPropertyChanged(String propertyName)
        {
            if (PropertyChanged != null)
            {
                PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
            }
        }

        public event PropertyChangedEventHandler PropertyChanged;

        private Model.Text _code;

        private View.Editor editor;
    }
}

Просмотреть

<Window x:Class="View.Editor"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:local="clr-namespace:View"
    mc:Ignorable="d"
    Title="Editor" Height="240.024" Width="269.895">
<Grid Background="#FF292929" Margin="0,0,-6.8,0.4">
    <DataGrid x:Name="dataGrid" 
              HorizontalAlignment="Left" 
              Margin="0,0,0,0" 
              VerticalAlignment="Top"
              Width="200pt"
              Height="100pt"
              ItemsSource="{Binding Code}>
        <DataGrid.Columns>
            <DataGridTextColumn Binding="{Binding Code"
                                Foreground="Black" Width="60"
                                Header="Test"
                                IsReadOnly="false" />
        </DataGrid.Columns>
    </DataGrid>
</Grid>

Dawid Wekwejt 29.12.2016

C#, WPF, привязка List‹string› к DataGrid

Ответы (3)

Похожие вопросы