dxe:ComboBoxEdit和dxg:LookUpEdit的使用

最新推荐文章于 2024-01-13 22:03:50 发布

贝利丝塔

最新推荐文章于 2024-01-13 22:03:50 发布

阅读量611

点赞数

分类专栏： DevExpress WPF 文章标签： wpf

本文链接：https://blog.csdn.net/belisita/article/details/126461553

版权

WPF 同时被 2 个专栏收录

10 篇文章 0 订阅

订阅专栏

DevExpress

4 篇文章 0 订阅

订阅专栏

以下将使用dxe:ComboBoxEdit和dxg:LookUpEdit两个组件，实现多选框，对比两个组件的相同点和不同点。

dxe:ComboBoxEdit效果：

dxg:LookUpEdit效果：

dxe:ComboBoxEdit和dxg:LookUpEdit的基类相同，有很多共同点，主要属性都是一样的。

<dxlc:LayoutItem AddColonToLabel="True" Label="Chapter">
    <dxe:ComboBoxEdit
        DisplayMember="Value"
        EditValue="{Binding ChapterSelected}"
        IsTextEditable="False"
        ItemsSource="{Binding Chapters}"
        NullText="Set export range."
        ShowSizeGrip="False"
        ValueMember="Key">
        <dxe:ComboBoxEdit.StyleSettings>
            <dxe:CheckedComboBoxStyleSettings />
        </dxe:ComboBoxEdit.StyleSettings>
    </dxe:ComboBoxEdit>
</dxlc:LayoutItem>
<dxlc:LayoutItem AddColonToLabel="True" Label="Chapter">
    <dxg:LookUpEdit
        ValueMember="Key"
        DisplayMember="Value"
        EditValue="{Binding ChapterSelected, UpdateSourceTrigger=PropertyChanged, Mode=TwoWay}"
        ItemsSource="{Binding Chapters}"
        SeparatorString=";">
        <dxg:LookUpEdit.StyleSettings>
        <dxg:MultiSelectLookUpEditStyleSettings />
    </dxg:LookUpEdit.StyleSettings>
    <dxg:LookUpEdit.PopupContentTemplate>
        <ControlTemplate>
            <dxg:GridControl Name="PART_GridControl">
                <dxg:GridControl.Columns>
                        <dxg:GridColumn FieldName="Value" Header="Chapter"/>
                </dxg:GridControl.Columns>
                <dxg:GridControl.View>
                    <dxg:TableView
                        AllowBandMoving="False"
                        AllowColumnMoving="False"
                        AutoWidth="True"
                        CheckBoxSelectorColumnWidth="20"
                        ShowCheckBoxSelectorColumn="True"
                        ShowFilterPanelMode="Never"
                        VerticalScrollbarVisibility="Auto" />
                </dxg:GridControl.View>
            </dxg:GridControl>
        </ControlTemplate>
    </dxg:LookUpEdit.PopupContentTemplate>
</dxg:LookUpEdit>
</dxlc:LayoutItem>

dxg:LookUpEdit可以自定义下拉框的样式，支持通过dxg:GridControl、dxg:TreeListControl，这样可以实现多列显示；

dxe:ComboBoxEdit相当于是组件提供了默认样式；