多选ComboBox怎么改写

收藏

想问下多选的C1ComboBox 怎么改，我想把每一项都变成CheckBox，选中的都显示在最上边

Alice · Alice

回复 1楼heyixiaoran的帖子

你好。你的需求是点击下拉可出现CheckList，以方便用户多选？
如下图:

1.可以自定义一个类继承自C1.WPF.C1ComboBox，重写OnItemsSourceChanged、OnApplyTemplate，并新增了依赖属性DependencyProperty SelectedItemsProperty用于输出选择的下拉项。
2.重写C1ComboBox.ItemTemplate为CheckBox。
具体的做法，请参考我们的技术博客：
http://blog.gcpowertools.com.cn/ ... SelectComboBox.aspx

heyixiaoran · heyixiaoran

回复 2楼Alice的帖子

直接改掉样式就可以吧，这样很复杂啊，下拉选项改成CheckBox，创建一个Model类，context 和isSelected ，显示的那里binding 选中的 context属性，只是我看不懂模板，不知道哪个是下拉那个

heyixiaoran · heyixiaoran

回复 2楼Alice的帖子

默认状态有BUG

Alice · Alice

回复 3楼heyixiaoran的帖子

重写ItemTemplate如下：

<c1:C1ComboBox.ItemTemplate>
<DataTemplate>
<CheckBox Name="templateCheckbox" Content="{Binding Title}" IsChecked="{Binding IsSelected}" Checked="templateCheckbox_Checked" Unchecked="templateCheckbox_UnChecked" />
</DataTemplate>
</c1:C1ComboBox.ItemTemplate>

复制代码

就是这个模板将C1Combo变成Item都是checkBox的样子。
其他的哪里不懂，可以针对性的提出来，我给你讲。

heyixiaoran · heyixiaoran

回复 5楼Alice的帖子

Template会找3个控件，我就直接copy 过来了
有个C1TextEditableContentControl ，这个应该是显示的那个，但是我Binding 不好使，是绑错控件了吗？
突然发现这个也有BUG，就是默认的时候里边总是显示CheckBox的框，虽然有时没有，这是怎么回事呢？

这段代码里有3个是不能少的，DropDown，ComboHeader，ScrollViewer，把显示值绑到ComboHeader 上没好使，还有BUG

Alice · Alice

回复 6楼heyixiaoran的帖子

总结下你的需求，看看我理解上是否有偏差：
1.默认情况下显示checkbox，需要去掉，这个我看看有没有办法。
2.给ComboBox添加项目，ComboBox的Item是在例子中的ViewModel.cs文件下的ViewMode方法里添加的。如下：

public ViewModel()
{
Items = new ObservableCollection<Node>();
Items.Add(new Node("北京"));
Items.Add(new Node("上海"));
Items.Add(new Node("深圳"));
Items.Add(new Node("西安"));
SelectedItems = new ObservableCollection<Node>();
SelectedItems.Add(Items[0]);
SelectedItems.Add(Items[3]);
}

复制代码

heyixiaoran · heyixiaoran

回复 7楼Alice的帖子

Header 里不能显示CheckBox 的框，只显示 “北京、上海” 这种
数据源是从ViewModel里赋值的，没错

Alice · Alice

回复 8楼heyixiaoran的帖子

我理解了。我尝试改下。
修改代码需要时间，如果改好了我会回复你。
如果你有什么更好的想法或是实现了也可以给我反馈。

heyixiaoran · heyixiaoran

回复 9楼Alice的帖子

(((C1TextEditableContentControl) (((Panel) (((C1DropDown) ((Panel) (((Grid) (VisualTreeHelper.GetChild(MultiSelectC1Combobox, 0))).Children[1]) .Header)).Children[1])))
用这个方法取到了C1TextEditableContentControl ，再赋值.EditTextBox.Text，显示时还是没有值，用SNOOP看，还要下找3层，找到javascript:;

这里的2位置的赋值Text就好使了，
var textControl = (((C1TextEditableContentControl)(((Panel)(((C1DropDown)((((Grid)(VisualTreeHelper.GetChild(MultiSelectC1Combobox, 0))))).Children[1]).Header)).Children[1])).ContentControl).Parent.FindChildren<C1TextBoxBase>().FirstOrDefault();
textControl.Text = Text;

这样找到2的位置了，为什么还是不显示？

		自动登录	找回密码
密码			立即注册

多选ComboBox怎么改写

13 个回复

本帖子中包含更多资源

本帖子中包含更多资源

本帖子中包含更多资源

活字格认证

微信认证勋章

元老葡萄