基于继承类的属性模版中无法绑定的原因和解决方法

简介: 原文:基于继承类的属性模版中无法绑定的原因和解决方法这个的晚上想学学WPF 做一个类似于ERP 左边菜单。构思一下思路 。。。。。。   创建一个类基于Expander类。 1 public class ExpanderBox : Expander 2 { 3 ...
原文: 基于继承类的属性模版中无法绑定的原因和解决方法

这个的晚上想学学WPF 做一个类似于ERP 左边菜单。构思一下思路 。。。。。。

 

创建一个类基于Expander类。

 1  public class ExpanderBox : Expander
 2     {
 3         #region 定义依赖属性
 4         
 5        
 6         //定义ItemsSource数据源
 7         public static readonly DependencyProperty ItemsSourcesProperty = DependencyProperty.Register("ItemsSources", typeof(object), typeof(ExpanderBox));
 8         //定义ItemsCommand ,Header头部点击命令。
 9         public static readonly DependencyProperty ItemsCommandProperty = DependencyProperty.Register("ItemsCommand", typeof(ICommand), typeof(ExpanderBox));
10         //定义HeaderHeight,Header头部的高度。
11         public static readonly DependencyProperty HeaderHeightProperty = DependencyProperty.Register("HeaderHeight", typeof(int), typeof(ExpanderBox));
12         
13         public object ItemsSources
14         {
15             get { return (object)GetValue(ExpanderBox.ItemsSourcesProperty); }
16             set { SetValue(ExpanderBox.ItemsSourcesProperty, value); }
17         }
18         public ICommand ItemsCommand
19         {
20             get { return (ICommand)GetValue(ExpanderBox.ItemsCommandProperty); }
21             set { SetValue(ExpanderBox.ItemsSourcesProperty, value); }
22         }
23 
24         public int HeaderHeight
25         {
26             get { return (int)GetValue(ExpanderBox.HeaderHeightProperty); }
27             set { SetValue(ExpanderBox.HeaderHeightProperty, value); }
28         }
29         #endregion
30 
31         //public  ExpanderBox()
32         //{
33         //    HeaderHeight = 10;
34         //}
35 
36 
37     }

由于 Expander中Content中要放一个ListBox,所以定义了一个依赖属性ItemsSources,HeaderHeight是头部的高度。

后然构造好了,就要写前台的样式了。

 1 <Style TargetType="{x:Type local:ExpanderBox}">
 2         <Setter Property="Template">
 3             <Setter.Value>
 4                 <ControlTemplate TargetType ="local:ExpanderBox">
 5                      <Grid>
 6                         <Grid.RowDefinitions>
 7                             <RowDefinition ></RowDefinition>
 8                             <RowDefinition></RowDefinition>
 9                         </Grid.RowDefinitions>
10                         <ToggleButton Grid.Row="0" Height="{TemplateBinding HeaderHeight}" IsChecked="{Binding IsExpanded, RelativeSource={RelativeSource TemplatedParent}}" Content="{TemplateBinding Header}" Command="{TemplateBinding ItemsCommand}"></ToggleButton>
11                         <ListBox x:Name="itemsBox"  Grid.Row="1" ItemsSource="{TemplateBinding ItemsSources}" Visibility="Collapsed" ></ListBox>
12                     </Grid>
13                     <ControlTemplate.Triggers>
14                         <Trigger Property="Expander.IsExpanded" Value="true">
15                             <Setter Property="Visibility" Value="Visible" TargetName="itemsBox"></Setter>
16                         </Trigger>
17                     </ControlTemplate.Triggers>
18                 </ControlTemplate>
19             </Setter.Value>
20         </Setter>
21     </Style>

从代码框中看到一条有背景色代码,为什么要标出来呢!请不要急,继续看下文

 

在窗口中定义ExpanderBox

1 <local:ExpanderBox x:Name="ex"   Header="采购合同" HeaderHeight="40"  ItemsSources="{Binding Lists}"></local:ExpanderBox>
2             <local:ExpanderBox x:Name="ex1"  IsExpanded="True"  Header="采购合同" HeaderHeight="{Binding Height}"  ItemsSources="{Binding Lists}"></local:ExpanderBox>

 

如我所料,运行结果如图!

 

 

但是我发现,我无论怎样设置HeaderHeight的值,都无法改变ToggleButton高度。

在网上找了一些资料,很幸运的是在微软网站中找到答案,我就不多写了,直接贴上原文

网址:http://msdn.microsoft.com/zh-cn/library/ms742882.aspx

 

对于模板方案来说,TemplateBinding 是绑定的优化形式,类似于使用 {Binding RelativeSource={RelativeSource TemplatedParent}} 构造的 Binding。 TemplateBinding 始终为单向绑定,即使所涉及的属性默认为双向绑定。 所涉及的两个属性都必须是依赖项属性。

RelativeSource 是另一个标记扩展,有时与 TemplateBinding 结合使用或者代替它使用,以便在模板中执行相对属性绑定。

此处未介绍控件模板概念;有关详细信息,请参阅 Control 样式和模板

特性语法是最常用于该标记扩展的语法。 在 TemplateBinding 标识符字符串之后提供的字符串标记被指定为基础 TemplateBindingExtension 扩展类的 Property 值。

对象元素语法也可行,但因为没有实际的应用,所以未进行演示。 TemplateBinding 用于使用计算的表达式来填充资源库内的值,因此使用 TemplateBinding 的对象元素语法来填充 <Setter.Property> 属性元素语法就会变得繁冗而多余。

TemplateBinding 还可以在详细特性用法中使用,以便将 Property 属性指定为一个 property=value 对:

 

看完这句话不能明白上面有两种背景颜色的代码。前面是单向绑定,所以在前台赋值无效,而后者是双向绑定。

 

总结:

TemplateBinding 是单向绑定形式。

Binding是多向的。

 

 

 

以上只是个人想法和实践经验,如果有文字错误和语法错误,请加以指点!

QQ:247039968

emil:wujc@younger.com

无论是美女的歌声,还是鬣狗的狂吠,无论是鳄鱼的眼泪,还是恶狼的嚎叫,都不会使我动摇

目录
相关文章
|
6月前
|
前端开发 Python
模板继承
模板继承。
24 1
使用自定义的类CSetODBC(一)
使用自定义的类CSetODBC(一)
|
SQL 数据库连接 数据库
使用自定义的类CSetODBC(二)
使用自定义的类CSetODBC(二)
|
12月前
|
编译器 C++
46 C++ - 非自动继承的函数
46 C++ - 非自动继承的函数
38 0
|
6月前
|
JavaScript 前端开发 编译器
TypeScript【可选属性、只读属性、额外的属性检查、函数类型、类类型、继承接口】(四)-全面详解(学习总结---从入门到深化)
TypeScript【可选属性、只读属性、额外的属性检查、函数类型、类类型、继承接口】(四)-全面详解(学习总结---从入门到深化)
68 0
|
Java 开发工具 Windows
五、实现自定义配置属性动态加载
在我们日常开发项目时,经常需要自定义一些配置属性用于我们项目的一些启动配置,这里我们就直接在application-dev配置文件中直接实现一下自定义配置属性的读取与使用,便于我们在dev和prod配置文件来回切换。
95 0
五、实现自定义配置属性动态加载
第五周学习java 继承 在子类父类中有相同参数,子类继承分类后如何进行调用,判断创建的对象属性哪个类
第五周学习java 继承 在子类父类中有相同参数,子类继承分类后如何进行调用,判断创建的对象属性哪个类
第五周学习java 继承 在子类父类中有相同参数,子类继承分类后如何进行调用,判断创建的对象属性哪个类
|
Java
Java中父类和接口或接口和接口中出现同名属性或同名同参数方法时,如何区分(全文干货)
Java中父类和接口或接口和接口中出现同名属性或同名同参数方法时,如何区分(全文干货)
462 0
#掌握如何创建类和对象,以及属性和函数的分类 #object是所有类最终都会继承的类,如果没有合适的继承类就使用他
#掌握如何创建类和对象,以及属性和函数的分类 #object是所有类最终都会继承的类,如果没有合适的继承类就使用他
|
前端开发
jinjia 模板继承
jinjia 模板继承
131 0