dxe:ComboBoxEdit和dxg:LookUpEdit的使用

以下将使用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相当于是组件提供了默认样式;

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值