XAML 및 C#의 비동기 데이터 바인딩

Question

안녕하세요 여러분, 내 게시물의 실수로 인해 유감스럽게 stackoverflow에 새로 왔습니다.

내 질문

: 은 내가 dataview itemsControl에 바인딩하고 때 UI 얼음장 (실제로 바인딩) 데이터가로드됩니다. 데이터가 너무 커서 600 행 이상입니다. 데이터를 하나씩 또는 모두 한 번에 원활하게 바인딩하려고합니다.

Nito Async.EX 라이브러리를 구현했지만 작동하지 않았습니다.

private INotifyTaskCompletion<DataView> _studentlist; 
Public INotifyTaskCompletion<DataView> StudentList 
{ 
    get { return _studentlist; } 
    set { SetProperty(ref _studentlist, value); } 

} 
private async Task Fill() 
{ 
    StudentList = NotifyTaskCompletion.Create(GetData()); 
} 

private async Task<DataView> GetData() 
{ 
    Loading = true; 
    await Task.Delay(100); 

    DataTable StudentListTable = await DbContext.QueryT(SelectQuery); 

    DataColumn DC = new DataColumn("DELETE", typeof(bool)); 
    DC.DefaultValue = false; 
    StudentListTable.Columns.Add(DC); 

    Loading = false; 
    return StudentListTable.DefaultView; 
} 

참고 :
Prism for MVVM
Unity for prism
Nito Async.EX
Mahapps.Metro
Material Design Xaml toolkit

어떤 도움을 주시면 감사하겠습니다. 데이터가 로드 인 반면

Answer 1

NotifyTaskCompletion은 UI를 확보 것이다, 그러나 바인딩 아니에요있다.

데이터가 너무 많고 600 행 이상입니다. 데이터를 한 번에 하나씩 또는 모두 한 번에 원활하게 묶기를 원합니다.

이렇게하는 방법은 하나만 있습니다 : virtualization.

Answer 2

문제가 실제로 너무 많은 행에 데이터 바인딩되면 UI 가상화가 작동합니다.

확인하는 가장 쉬운 방법은 입니다. ScrollViewer와 ItemsControl을 ListBox로 바꿉니다.

ListBox의 UI 가상화는 기본적으로 사용하도록 설정되어 있습니다. 지금은 고정 된 값으로 높이를 설정하는 것을 잊지 마십시오.

이 정보가 도움이된다면 문제가 실제로 너무 많은 행의 데이터 바인딩에 있었던 것입니다. answer to question "Virtualizing an ItemsControl?"을 체크하면 ItemsControl과 함께 작동합니다.

이 방법이 도움이되지 않는다면 문제는 다른 곳에서 찾아야합니다.

---

PS : 작업 UI 가상화를 만들기 위해, VirtualizingStackPanel이 VisualTree에서의 ScrollViewer의 직접 자식이어야합니다.

ScrollViewer 
    ItemsControl 
     StackPanel (Defined by ItemsControl.ItemsPanel) 

당신은 그것을 변경해야합니다 :

ItemsControl 
    ScrollViewer 
      VirtualizingStackPanel (Defined by ItemsControl.ItemsPanel) 

당신은에서 ScrollViewer를 포함 ItemsControl.Template을 수정하고 VirtualizingStackPanel에 ItemsPanelTemplate을 변경하여 그렇게 할 수 있습니다 귀하의 VisualTree는 다음과 같이 보인다. 링크 above을 참조하십시오.Visual Studio에서 VisualTree를 탐색 할 수있는 훌륭한 도구가 있습니다. Live Visual Tree