|
I blogged about this here[^], and I've uploaded this to CodeStash[^] as well.
|
|
|
|
|
I'm trying to use a series of cascading controls to filter a datagridview.
I've built a local sdf database and set up the datatable I wish to use in my gridview.
I created a combobox which I bound to my datatable and happily populates my regions
This then populates a second control (checkboxlist) which returns a set of checbox selections for the region selecetd in the combobox (This also works fine).
Finally I have my datagridview and this is where I have an issue.
The Grid is populated via the same table and fills as you select from the combobox but only for recordsets with the 1st terminal selection.
What I so far seem unable to do is work out how to use the checkboxlist to filter the datagridview.
I've tried adding a datatemplate and then code behind to create an observable collection but then my checkboxlist stopped working.
I'd really appreciate any advice or help on how to solve this as I'm sure it is simpler than I'm making it.
This is my XAML currently with the datatemplate though it seems to populate the checkboxlist fine without that template:
<Window.Resources>
<my:VlogicaDataSet x:Key="vlogicaDataSet" />
<CollectionViewSource x:Key="_Regions_ViewSource" Source="{Binding Path=_Regions_, Source={StaticResource vlogicaDataSet}}" />
<CollectionViewSource x:Key="_Regions__Terminal_ViewSource" Source="{Binding Path=Regions$_Terminal$, Source={StaticResource _Regions_ViewSource}}" />
<CollectionViewSource x:Key="_Regions__Terminal_GridViewViewSource" Source="{Binding Path=Terminal$_GridView, Source={StaticResource _Regions__Terminal_ViewSource}}" />
</Window.Resources>
<Grid>
<GroupBox Header="Analysis Mode" Height="471" HorizontalAlignment="Left" Margin="12,185,0,0" Name="groupBox1" VerticalAlignment="Top" Width="1463" Foreground="Orange">
<Grid DataContext="{StaticResource _Regions__Terminal_GridViewViewSource}">
<TabControl Height="372" HorizontalAlignment="Left" Margin="14,18,0,0" Name="tabControl1" VerticalAlignment="Top" Width="235">
<TabItem Header="Forecasting" Name="tabItem1">
<Grid DataContext="{StaticResource _Regions_ViewSource}">
<Label Content="Region Selection" Height="28" HorizontalAlignment="Left" Margin="6,17,0,0" Name="label1" VerticalAlignment="Top" FontWeight="Bold" />
<ComboBox DisplayMemberPath="GROUPNAME" Height="23" HorizontalAlignment="Left" ItemsSource="{Binding}" Margin="10,46,0,0" Name="_Regions_ComboBox" SelectedValuePath="GROUPNUM" VerticalAlignment="Top" Width="196">
<ComboBox.ItemsPanel>
<ItemsPanelTemplate>
<VirtualizingStackPanel />
</ItemsPanelTemplate>
</ComboBox.ItemsPanel>
</ComboBox>
<xctk:CheckListBox DataContext="{Binding UpdateSourceTrigger=PropertyChanged}" ItemsSource="{Binding Source={StaticResource _Regions__Terminal_ViewSource}}" Margin="10,102,20,77" Name="clbTerminals" SelectedItems="{Binding}" SelectedMemberPath="IsSelected" SelectedValue="{Binding Path=SelectedValue}" ValueMemberPath="Level" DisplayMemberPath="NAME">
<ItemsControl>
<DataTemplate>
<CheckBox IsChecked="{Binding Path=Selected}" Content="{Binding Path=Description}"/>
</DataTemplate>
</ItemsControl>
</xctk:CheckListBox>
And this was the code behind class for the observable collection:
public ObservableCollection<CheckedItem> List { get;set;}
public class CheckedItem
{
public bool Selected { get; set; }
public string Description { get; set; }
}
Though this currently returns a debug error on the Observablecollection which says expecting class delegate, enum, interface,structure.
This was code I found researching online for an answer and tried to adapt in my VS2010 project.
|
|
|
|
|
Hey guys,
I have added a TextBlock in one of my ItemTemplate, How can I bind the element parent's tooltip text to my TextBlock text for example:
<TextBlock x:Name="SubText" TextWrapping="Wrap" Text="{Binding Tooltip, ElementsName=MyParent}" />
I know this is wrong, because the tooltip uses ToolTipService.
Thanks
|
|
|
|
|
There's nothing wrong with your sample there. That works perfectly well, assuming that MyParent is accessible to SubText.
|
|
|
|
|
I've try it but no luck,
"MyParent" is a ListBox control, i have created a DataTemplate where SubText TextBlock is in and i've tried to bind the lisbox tooltip to the subtext text but failed Miserably.
|
|
|
|
|
Why not just bind the tooltip in MyParent to the same element you are binding to as SubText?
|
|
|
|
|
Hi You can create a custom control based on what control you are using as parent. If you are using ListBox it would be like below
public class CustomListBox : ListBox
{
public object ToolTip
{
get
{
return ToolTipService.GetToolTip(this);
}
}
}
You xaml will look like below
<local:CustomListBox ItemsSource="{Binding Path=CustomerList}"
ToolTipService.ToolTip="Your Tooltip"
x:Name="lstParent">
<local:CustomListBox.ItemTemplate>
<DataTemplate>
<TextBlock Text="{Binding Path=ToolTip, ElementName=lstParent}" />
</DataTemplate>
</local:CustomListBox.ItemTemplate>
</local:CustomListBox>
Let me know if it works.
http://www.exploresilverlight.com
Cheers!
Vinod
Vinod
|
|
|
|
|
I created a button class:
public class ImageTextButton : Button
{
public ImageSource NormalImageSource
{
get { return (ImageSource)GetValue(NormalImageSourceProperty); }
set { SetValue(NormalImageSourceProperty, value); }
}
public static readonly DependencyProperty NormalImageSourceProperty =
DependencyProperty.Register("NormalImageSource", typeof(ImageSource), typeof(ImageTextButton), new UIPropertyMetadata(null));
public ImageSource MouseOverImageSource
{
get { return (ImageSource)GetValue(MouseOverImageSourceProperty); }
set { SetValue(MouseOverImageSourceProperty, value); }
}
public static readonly DependencyProperty MouseOverImageSourceProperty =
DependencyProperty.Register("MouseOverImageSource", typeof(ImageSource), typeof(ImageTextButton), new UIPropertyMetadata(null));
public string Caption
{
get { return (string)GetValue(CaptionProperty); }
set { SetValue(CaptionProperty, value); }
}
public static readonly DependencyProperty CaptionProperty =
DependencyProperty.Register("Caption", typeof(string), typeof(ImageTextButton), new UIPropertyMetadata(null));
}
and I use it like this:
<controls:ImageTextButton Caption="Test"
NormalImageSource="Images/metro_save_disabled_48.png"
MouseOverImageSource="Images/metro_save_enabled_48.png"
Style="{StaticResource ImageTextButton}"
Grid.Row="1"
Grid.Column="1"/>
In the button's ControlTemplate I'm doing:
<ControlTemplate.Triggers>
<Trigger Property="Button.IsMouseOver" Value="True">
<Setter TargetName="ButtonImage" Property="Source" Value="{Binding RelativeSource={RelativeSource Self}, Path=MouseOverImageSource}" />
</Trigger>
</ControlTemplate.Triggers>
but it doesn't work. The image doesn't change. It disappears. Anyone know the right way to do this?
Thanks
If it's not broken, fix it until it is
|
|
|
|
|
Hi Kevin,
Just updating the source won't work. You have to update the Button Content.
for ex:
<button.content>
<stackpanel>
<image.source>
<BitmapImage UriSource="{Binding RelativeSource={RelativeSource Self}, Path=MouseOverImageSource}" />
<ControlTemplate.Triggers>
<Trigger Property="Button.IsMouseOver" Value="True">
<Setter TargetName="ButtonImage" Property="Content"/> <Setter.Value>
<StackPanel>
<Image>
<Image.Source>
<BitmapImage UriSource="{Binding RelativeSource={RelativeSource Self}, Path=MouseOverImageSource}" />
</Image.Source>
</Image>
</StackPanel>
<Setter.Value/>
</Trigger>
</ControlTemplate.Triggers>
I think this should work..
|
|
|
|
|
Thanks
virusattack wrote: <Button>
< Button.Content>
<stackpanel>
< Image>
< Image.Source>
< BitmapImage UriSource="{Binding
RelativeSource={RelativeSource Self}, Path=MouseOverImageSource}" />
< /Image.Source>
< /Image>
< /Button.Content>
Where does this code go in the style?
If it's not broken, fix it until it is
|
|
|
|
|
Hi Kevin,
check in Trigger whether Button's IsMouseOver is true and set the property Content with the following values.
<ControlTemplate.Triggers>
<Trigger Property="Button.IsMouseOver" Value="True">
<Setter TargetName="ButtonImage" Property="Content"/> <Setter.Value>
<StackPanel>
<Image>
<Image.Source>
<BitmapImage UriSource="{Binding RelativeSource={RelativeSource Self}, Path=MouseOverImageSource}" />
</Image.Source>
</Image>
</StackPanel>
<Setter.Value/>
</Trigger>
</ControlTemplate.Triggers>
|
|
|
|
|
[UPDATE]
I set the TargetName property and it works now
<ControlTemplate.Triggers>
<Trigger Property="Button.IsMouseOver" Value="True">
<Setter TargetName="ButtonCaption" Property="FontWeight" Value="Bold"/>
<Setter TargetName="ButtonCaption" Property="Foreground" Value="#03AEDA"/>
<Setter TargetName="ButtonImage" Property="Source" Value="Images/metro_save_enabled_48.png" />
</Trigger>
</ControlTemplate.Triggers>
I created a button class that has Normal and MouseOver image properties. I want to change the image when the mouse is over the button.
public class ImageTextButton : Button
{
public ImageSource NormalImageSource
{
get { return (ImageSource)GetValue(NormalImageSourceProperty); }
set { SetValue(NormalImageSourceProperty, value); }
}
public static readonly DependencyProperty NormalImageSourceProperty =
DependencyProperty.Register("NormalImageSource", typeof(ImageSource), typeof(ImageTextButton), new UIPropertyMetadata(null));
public ImageSource MouseOverImageSource
{
get { return (ImageSource)GetValue(MouseOverImageSourceProperty); }
set { SetValue(MouseOverImageSourceProperty, value); }
}
public static readonly DependencyProperty MouseOverImageSourceProperty =
DependencyProperty.Register("MouseOverImageSource", typeof(ImageSource), typeof(ImageTextButton), new UIPropertyMetadata(null));
public string Caption
{
get { return (string)GetValue(CaptionProperty); }
set { SetValue(CaptionProperty, value); }
}
public static readonly DependencyProperty CaptionProperty =
DependencyProperty.Register("Caption", typeof(string), typeof(ImageTextButton), new UIPropertyMetadata(null));
}
Here's my button style:
<Window.Resources>
<Style TargetType="{x:Type controls:ImageTextButton}"
x:Key="ImageTextButton">
<Setter Property="Height" Value="55"/>
<Setter Property="Width" Value="135"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type controls:ImageTextButton}">
<Border BorderBrush="DarkGray"
BorderThickness="1"
CornerRadius="3">
<StackPanel Orientation="Horizontal"
HorizontalAlignment="Center">
<Image x:Name="ButtonImage"
Source="{TemplateBinding NormalImageSource}"
Height="48"
Width="48"
Margin="3"
HorizontalAlignment="Center"
VerticalAlignment="Center"
Stretch="Fill"/>
<TextBlock x:Name="ButtonCaption"
Text="{TemplateBinding Caption}"
Grid.Row="1"
HorizontalAlignment="Center"
VerticalAlignment="Center"
Foreground="DarkGray"
FontSize="18"/>
</StackPanel>
</Border>
<ControlTemplate.Triggers>
<Trigger Property="TextBlock.IsMouseOver" Value="True">
<Setter Property="TextBlock.FontWeight" Value="Bold"/>
<Setter Property="TextBlock.Foreground" Value="SteelBlue"/>
</Trigger>
<Trigger Property="Image.IsMouseOver" Value="True">
<Setter Property="Image.Source" Value="{Binding RelativeSource={RelativeSource Self}, Path=MouseOverImageSource}" />
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</Window.Resources>
and how I'm using it:
When I mouse over the button, the Caption's color stays gray, and the image doesn't change. Also, the caption only gets Bold when I mouse over the caption, nit the button.
Anyone see what's wrong?
Thanks
If it's not broken, fix it until it is
modified 2-Jul-12 17:42pm.
|
|
|
|
|
Ok, I don't understand this.
I created a button style:
<Style x:Key="MenuButtonStyle"
TargetType="Button"
BasedOn="{StaticResource ButtonStyle}">
</Style>
You can see that it's based on ButtonStyle, which is
<Style TargetType="{x:Type Button}"
x:Key="ButtonStyle"
BasedOn="{StaticResource BaseStyle}"/>
ButtonStyle is based off BaseStyle
<Style TargetType="{x:Type Control}"
x:Key="BaseStyle">
<Setter Property="FontFamily" Value="Segoe UI"/>
<Setter Property="FontSize" Value="12"/>
<Setter Property="FontWeight" Value="Bold"/>
<Setter Property="Foreground" Value="Gray"/>
</Style>
Everything works fine.
So, I'm trying to do the same with a textblock. The style...
<Style TargetType="{x:Type TextBlock}"
x:Key="TextBlockStyle"
BasedOn="{StaticResource BaseStyle}"/>
and it's usage:
<TextBlock Text="Hello"
Grid.Column="0"
Style="{StaticResource TextBlockStyle}"/>
The designer throws the exception "Can only base on a Style with target type that is base type 'TextBlock'."
What gives????
If it's not broken, fix it until it is
|
|
|
|
|
TextBlock doesn't inherit from "Control".
|
|
|
|
|
Well, that would do it, huh?
If it's not broken, fix it until it is
|
|
|
|
|
If you look at the hierarchy, Button[^] is based on Control, but TextBlock[^] is not, so TextBlockStyle cannot be based on a style that is above it in the hierarchy.
|
|
|
|
|
I want to create menu in my app that looks like Zune[^]
So I styled a button, and it looks fine. The question is, what's the best way to load this? Would you define each button on its own in XAML or use some kind of list or stackpanel that's bound to the VM?
I would like the menu(s) to be dynamic, so I will have to bind the Caption, the Visibility, and the Command would be bound to something like Button1Command, Button2Command, ect. Then in the code behind determine what to do based of the state of the app.
Also, when a button is clicked, it's FontWeight needs to be set to bold, and all other buttons to Normal. How would you do this?
Sugggestions?
Thanks
If it's not broken, fix it until it is
|
|
|
|
|
You create a single style in a central location. This is called the resource dictionary.
You then use this style in any buttons defined in any xaml.
It is not advisable to have this style copy pasted in every single xaml.
That would be a maintenance nightmare.
The Visual State Manager class[^] should help you setup a transition for the fontweight task.
You can also set up a simple animation for this task.
|
|
|
|
|
I am not aware of Zune, however, I think you can use a Menu control and set its source to a collection ObservableCollection<imenuitem> MenuItems.
interface IMenuItem {
string Caption;
Visibility MenuVisibility;
ICommand Command;}
Bind the above properties in the MenuItem's ItemTemplate or HiearchicalTemplate.
Apply DataTrigger on the MenuVisibility property to set visibility.
Also you can customize the default menuitem's template style and modify the template as per your requirement.
Please refer the below link which will give an idea on how to use the menu item template.
http://msdn.microsoft.com/en-us/library/ms752296%28v=vs.85%29[^]
http://msdn.microsoft.com/en-us/library/ms747082%28v=vs.85%29.aspx[^]
|
|
|
|
|
Hi,
What is the default font used in silverlight XAML page.
How can i use xaml default font in aspx pages?
Thankyou,
YPKI
|
|
|
|
|
I believe it is Portable UI, which uses Verdana for Western Characters.
|
|
|
|
|
Jeremy's answer is indeed validated by this article[^].
"The default value is "Portable User Interface", which is described in the "Supported Local Fonts" section of this topic. FontFamily can include a URI string that references a font file (and a family within the file, separated by a # character). This is for a case where rather than using fonts on the user system, you distribute the font file as part of your application's primary assembly."
|
|
|
|
|
Hi To All
I need to add the footer in DataGrid of Silverlight but i did not find any method to add the footer. the itemsource of datagrid set at run time so number of rows in datagrid may be changed every time.
Is any way to add the Footer in DataGrid?
Thanks
Sudhir
|
|
|
|
|
This link[^] might actually help you create a custom footer for your application.
|
|
|
|
|
Hi All,
I have drawn a closed path in a canvas that contains a multiscale image. So the closed path is drawn over the multiscaleimage. However, the multiscale image MouseMove and MouseWheel events do not work when the mouse pointer is over the closed path. The multiscale image mouse events only work in the image places outside the path. How to make the multiscale image mouse events work in the closed path?
Thanks in advance for your help,
Luis Nambiar
|
|
|
|
General 
News 
Suggestion 
Question 
Bug 
Answer 
Joke 
Praise 
Rant 
Admin 
Submit an article or tip
