{"id":12151,"date":"2022-09-29T20:50:06","date_gmt":"2022-09-29T15:20:06","guid":{"rendered":"https:\/\/jassweb.com\/solved\/solved-combobox-show-and-hide-combobox-items-in-wpf\/"},"modified":"2022-09-29T20:50:06","modified_gmt":"2022-09-29T15:20:06","slug":"solved-combobox-show-and-hide-combobox-items-in-wpf","status":"publish","type":"post","link":"https:\/\/jassweb.com\/solved\/solved-combobox-show-and-hide-combobox-items-in-wpf\/","title":{"rendered":"[Solved] Combobox show and hide ComboBox items in WPF"},"content":{"rendered":"

[ad_1]
\n<\/p>\n

\n
\n
<\/div>\n
\n
\n

Create a custom control such as:<\/p>\n

public class CrazyCombo : ComboBox\n{\n    static CrazyCombo()\n    {\n        DefaultStyleKeyProperty.OverrideMetadata(typeof(CrazyCombo), new FrameworkPropertyMetadata(typeof(CrazyCombo)));\n    }\n\n    public int InitialDisplayItem\n    {\n        get { return (int)GetValue(InitialDisplayItemProperty); }\n        set { SetValue(InitialDisplayItemProperty, value); }\n    }\n\n    \/\/ Using a DependencyProperty as the backing store for InitialDisplayItem.  This enables animation, styling, binding, etc...\n    public static readonly DependencyProperty InitialDisplayItemProperty =\n        DependencyProperty.Register(\"InitialDisplayItem\", typeof(int), typeof(CrazyCombo), new UIPropertyMetadata(0));\n\n    public override void OnApplyTemplate()\n    {\n        base.OnApplyTemplate();\n\n        var moreLessButton = Template.FindName(\"moreLessButton\", this) as Button;\n\n        moreLessButton.Click += new RoutedEventHandler(moreLessButton_Click);\n    }\n\n    void moreLessButton_Click(object sender, RoutedEventArgs e)\n    {\n        var moreLessButton = Template.FindName(\"moreLessButton\", this) as Button;\n\n        if (moreLessButton.Content.ToString() == \"More\")\n        {\n            var icv = CollectionViewSource.GetDefaultView(Items);\n\n            icv.Filter = null;\n            moreLessButton.Content = \"Less\";\n        }\n        else\n        {\n            var icv = CollectionViewSource.GetDefaultView(Items);\n\n            icv.Filter += o => Items.OfType<object>().Take(InitialDisplayItem).Contains(o);\n\n            moreLessButton.Content = \"More\";\n        }\n    }\n\n    protected override void OnItemsSourceChanged(System.Collections.IEnumerable oldValue, System.Collections.IEnumerable newValue)\n    {\n        base.OnItemsSourceChanged(oldValue, newValue);\n\n        var icv = CollectionViewSource.GetDefaultView(Items);\n\n        icv.Filter += o => Items.OfType<object>().Take(InitialDisplayItem).Contains(o);\n    }\n\n}\n<\/code><\/pre>\n
In the generic.xaml you will need to put in the entire style for a standard combo box, you can use blend to get it.  I won’t post it because it is huuuuuggge.  You will need to change the following sections:<\/p>\n
Change the style to point at you custom control i.e.<\/p>\n
 <Style TargetType=\"{x:Type local:CrazyCombo}\">\n<\/code><\/pre>\n
In the combo box popup add the more\/less button<\/p>\n
<Popup x:Name=\"PART_Popup\" AllowsTransparency=\"true\" Grid.ColumnSpan=\"2\" IsOpen=\"{Binding IsDropDownOpen, RelativeSource={RelativeSource TemplatedParent}}\" Margin=\"1\" PopupAnimation=\"{DynamicResource {x:Static SystemParameters.ComboBoxPopupAnimationKey}}\" Placement=\"Bottom\">\n                        <Microsoft_Windows_Themes:SystemDropShadowChrome x:Name=\"Shdw\" Color=\"Transparent\" MaxHeight=\"{TemplateBinding MaxDropDownHeight}\" MinWidth=\"{Binding ActualWidth, ElementName=MainGrid}\">\n                            <Border x:Name=\"DropDownBorder\" BorderBrush=\"{DynamicResource {x:Static SystemColors.WindowFrameBrushKey}}\" BorderThickness=\"1\" Background=\"{DynamicResource {x:Static SystemColors.WindowBrushKey}}\">\n                                <StackPanel>\n                                    <ScrollViewer x:Name=\"DropDownScrollViewer\">\n                                        <Grid RenderOptions.ClearTypeHint=\"Enabled\">\n                                            <Canvas HorizontalAlignment=\"Left\" Height=\"0\" VerticalAlignment=\"Top\" Width=\"0\">\n                                                <Rectangle x:Name=\"OpaqueRect\" Fill=\"{Binding Background, ElementName=DropDownBorder}\" Height=\"{Binding ActualHeight, ElementName=DropDownBorder}\" Width=\"{Binding ActualWidth, ElementName=DropDownBorder}\"\/>\n                                            <\/Canvas>\n                                            <ItemsPresenter x:Name=\"ItemsPresenter\" KeyboardNavigation.DirectionalNavigation=\"Contained\" SnapsToDevicePixels=\"{TemplateBinding SnapsToDevicePixels}\"\/>\n                                        <\/Grid>\n                                    <\/ScrollViewer>\n                                    <Button Name=\"moreLessButton\" Content=\"More\"\/>\n                                <\/StackPanel>\n                            <\/Border>\n                        <\/Microsoft_Windows_Themes:SystemDropShadowChrome>\n                    <\/Popup>\n<\/code><\/pre>\n
The only addition to the standard combo box control template was the line <\/p>\n
<Button Name=\"moreLessButton\" Content=\"More\"\/>\n<\/code><\/pre>\n
You then use the custom control like <\/p>\n
<Window x:Class=\"WpfApplication4.MainWindow\"\n    xmlns=\"http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml\/presentation\"\n    xmlns:x=\"http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml\"\n    xmlns:local=\"clr-namespace:WpfApplication4\"\n    Title=\"MainWindow\" Height=\"350\" Width=\"525\" Foreground=\"red\">\n\n<StackPanel>\n\n    <local:CrazyCombo x:Name=\"bah\" ItemsSource=\"{Binding Foo}\" InitialDisplayItem=\"1\"\/>\n\n<\/StackPanel>\n<\/code><\/pre>\n<\/p>\n
If you were to do this for real you would add some triggers to the button so it only displayed if there were more items then the “InitialDisplayItem”.  You would probably also make the button a toggle button instead of my silly switch code.<\/p>\n<\/p><\/div>\n
<\/div>\n<\/div>\n
            0<\/span> <\/p><\/div>\n<\/div>\n
[ad_2]<\/p>\n
solved Combobox show and hide ComboBox items in WPF <\/p>\n","protected":false},"excerpt":{"rendered":"
[ad_1] Create a custom control such as: public class CrazyCombo : ComboBox { static CrazyCombo() { DefaultStyleKeyProperty.OverrideMetadata(typeof(CrazyCombo), new FrameworkPropertyMetadata(typeof(CrazyCombo))); } public int InitialDisplayItem { get { return (int)GetValue(InitialDisplayItemProperty); } set { SetValue(InitialDisplayItemProperty, value); } } \/\/ Using a DependencyProperty as the backing store for InitialDisplayItem. This enables animation, styling, binding, etc… public static readonly DependencyProperty … Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[320],"tags":[1678,3313,2912,1194,874],"class_list":["post-12151","post","type-post","status-publish","format-standard","hentry","category-solved","tag-combobox","tag-dependency-properties","tag-silverlight","tag-user-controls","tag-wpf"],"yoast_head":"\n[Solved] Combobox show and hide ComboBox items in WPF - JassWeb<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jassweb.com\/solved\/solved-combobox-show-and-hide-combobox-items-in-wpf\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[Solved] Combobox show and hide ComboBox items in WPF - JassWeb\" \/>\n<meta property=\"og:description\" content=\"[ad_1] Create a custom control such as: public class CrazyCombo : ComboBox { static CrazyCombo() { DefaultStyleKeyProperty.OverrideMetadata(typeof(CrazyCombo), new FrameworkPropertyMetadata(typeof(CrazyCombo))); } public int InitialDisplayItem { get { return (int)GetValue(InitialDisplayItemProperty); } set { SetValue(InitialDisplayItemProperty, value); } } \/\/ Using a DependencyProperty as the backing store for InitialDisplayItem. This enables animation, styling, binding, etc... public static readonly DependencyProperty ... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jassweb.com\/solved\/solved-combobox-show-and-hide-combobox-items-in-wpf\/\" \/>\n<meta property=\"og:site_name\" content=\"JassWeb\" \/>\n<meta property=\"article:published_time\" content=\"2022-09-29T15:20:06+00:00\" \/>\n<meta name=\"author\" content=\"Kirat\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kirat\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-combobox-show-and-hide-combobox-items-in-wpf\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-combobox-show-and-hide-combobox-items-in-wpf\/\"},\"author\":{\"name\":\"Kirat\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\"},\"headline\":\"[Solved] Combobox show and hide ComboBox items in WPF\",\"datePublished\":\"2022-09-29T15:20:06+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-combobox-show-and-hide-combobox-items-in-wpf\/\"},\"wordCount\":153,\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"keywords\":[\"combobox\",\"dependency-properties\",\"silverlight\",\"user-controls\",\"wpf\"],\"articleSection\":[\"Solved\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-combobox-show-and-hide-combobox-items-in-wpf\/\",\"url\":\"https:\/\/jassweb.com\/solved\/solved-combobox-show-and-hide-combobox-items-in-wpf\/\",\"name\":\"[Solved] Combobox show and hide ComboBox items in WPF - JassWeb\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#website\"},\"datePublished\":\"2022-09-29T15:20:06+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-combobox-show-and-hide-combobox-items-in-wpf\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jassweb.com\/solved\/solved-combobox-show-and-hide-combobox-items-in-wpf\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-combobox-show-and-hide-combobox-items-in-wpf\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/jassweb.com\/solved\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[Solved] Combobox show and hide ComboBox items in WPF\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/jassweb.com\/solved\/#website\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"name\":\"JassWeb\",\"description\":\"Build High-quality Websites\",\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/jassweb.com\/solved\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\",\"name\":\"Jass Web\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"contentUrl\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"width\":693,\"height\":132,\"caption\":\"Jass Web\"},\"image\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\",\"name\":\"Kirat\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775798750\",\"contentUrl\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775798750\",\"caption\":\"Kirat\"},\"sameAs\":[\"http:\/\/jassweb.com\"],\"url\":\"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"[Solved] Combobox show and hide ComboBox items in WPF - JassWeb","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/jassweb.com\/solved\/solved-combobox-show-and-hide-combobox-items-in-wpf\/","og_locale":"en_US","og_type":"article","og_title":"[Solved] Combobox show and hide ComboBox items in WPF - JassWeb","og_description":"[ad_1] Create a custom control such as: public class CrazyCombo : ComboBox { static CrazyCombo() { DefaultStyleKeyProperty.OverrideMetadata(typeof(CrazyCombo), new FrameworkPropertyMetadata(typeof(CrazyCombo))); } public int InitialDisplayItem { get { return (int)GetValue(InitialDisplayItemProperty); } set { SetValue(InitialDisplayItemProperty, value); } } \/\/ Using a DependencyProperty as the backing store for InitialDisplayItem. This enables animation, styling, binding, etc... public static readonly DependencyProperty ... Read more","og_url":"https:\/\/jassweb.com\/solved\/solved-combobox-show-and-hide-combobox-items-in-wpf\/","og_site_name":"JassWeb","article_published_time":"2022-09-29T15:20:06+00:00","author":"Kirat","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Kirat","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/jassweb.com\/solved\/solved-combobox-show-and-hide-combobox-items-in-wpf\/#article","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/solved-combobox-show-and-hide-combobox-items-in-wpf\/"},"author":{"name":"Kirat","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31"},"headline":"[Solved] Combobox show and hide ComboBox items in WPF","datePublished":"2022-09-29T15:20:06+00:00","mainEntityOfPage":{"@id":"https:\/\/jassweb.com\/solved\/solved-combobox-show-and-hide-combobox-items-in-wpf\/"},"wordCount":153,"publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"keywords":["combobox","dependency-properties","silverlight","user-controls","wpf"],"articleSection":["Solved"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/jassweb.com\/solved\/solved-combobox-show-and-hide-combobox-items-in-wpf\/","url":"https:\/\/jassweb.com\/solved\/solved-combobox-show-and-hide-combobox-items-in-wpf\/","name":"[Solved] Combobox show and hide ComboBox items in WPF - JassWeb","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/#website"},"datePublished":"2022-09-29T15:20:06+00:00","breadcrumb":{"@id":"https:\/\/jassweb.com\/solved\/solved-combobox-show-and-hide-combobox-items-in-wpf\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jassweb.com\/solved\/solved-combobox-show-and-hide-combobox-items-in-wpf\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jassweb.com\/solved\/solved-combobox-show-and-hide-combobox-items-in-wpf\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jassweb.com\/solved\/"},{"@type":"ListItem","position":2,"name":"[Solved] Combobox show and hide ComboBox items in WPF"}]},{"@type":"WebSite","@id":"https:\/\/jassweb.com\/solved\/#website","url":"https:\/\/jassweb.com\/solved\/","name":"JassWeb","description":"Build High-quality Websites","publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jassweb.com\/solved\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/jassweb.com\/solved\/#organization","name":"Jass Web","url":"https:\/\/jassweb.com\/solved\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/","url":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","contentUrl":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","width":693,"height":132,"caption":"Jass Web"},"image":{"@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31","name":"Kirat","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/","url":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775798750","contentUrl":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775798750","caption":"Kirat"},"sameAs":["http:\/\/jassweb.com"],"url":"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/"}]}},"_links":{"self":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/12151","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/comments?post=12151"}],"version-history":[{"count":0,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/12151\/revisions"}],"wp:attachment":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/media?parent=12151"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/categories?post=12151"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/tags?post=12151"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}