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