zoukankan      html  css  js  c++  java
  • Combox控件绑定大量数据卡顿问题与解决办法

    一般我们WPF中Combox的绑定都是下面这种写法。

    XAML:

                            <ComboBox 
                                      IsEditable="False"
                                      ItemsSource="{Binding List, Mode=OneWay, IsAsync=True}"
                                      SelectedIndex="{Binding SelectedSheetIndex, Mode=TwoWay}">
                                <ComboBox.ItemTemplate>
                                    <DataTemplate>
                                        <StackPanel Orientation="Horizontal">
                                            <TextBlock Margin="2.5" Text="{Binding Name, Mode=OneTime}" />
                                        </StackPanel>
                                    </DataTemplate>
                                </ComboBox.ItemTemplate>
                            </ComboBox>

    后台:

            private List<string> list;
            public List<string> List
            {
                get { return list; }
                set { SetProperty(ref list, value); }
            }

    问题点:大量数据绑定时会卡顿,鼠标点击无法弹出下拉列表。

    解决办法就是将ItemsPanelTemplate的值设置为VirtualizingStackPanel。它可以让UI显示1万个左右的项目。

                            <ComboBox 
                                      IsEditable="False"
                                      ItemsSource="{Binding SheetList, Mode=OneWay, IsAsync=True}"
                                      SelectedIndex="{Binding SelectedSheetIndex, Mode=TwoWay}">
                                <ComboBox.ItemsPanel>
                                    <ItemsPanelTemplate>
                                        <VirtualizingStackPanel/>
                                    </ItemsPanelTemplate>
                                </ComboBox.ItemsPanel>
                                <ComboBox.ItemTemplate>
                                    <DataTemplate>
                                        <StackPanel Orientation="Horizontal">
                                            <TextBlock Margin="2.5" Text="{Binding Name, Mode=OneTime}" />
                                        </StackPanel>
                                    </DataTemplate>
                                </ComboBox.ItemTemplate>
                            </ComboBox>
  • 相关阅读:
    Oracle Spool详解
    转自云界漫步:同步容灾100公里的限制来自哪里
    中国十大基金公司排行榜
    DataGuard体系结构
    SWIFT国际资金清算系统
    linux -- 命令大全
    bootstrap -- css -- 图片
    bootstrap -- css -- 按钮
    bootstrap -- css -- 表单控件
    bootstrap -- css -- 表单
  • 原文地址:https://www.cnblogs.com/lixiaobin/p/comboxBigDataBinding.html
Copyright © 2011-2022 走看看