数据绑定(二)把控件作为Binding源

简介: 原文:数据绑定(二)把控件作为Binding源 下面的代码把一个TextBox的Text属性关联在了Slider的Value属性上 效果如...
原文: 数据绑定(二)把控件作为Binding源

下面的代码把一个TextBox的Text属性关联在了Slider的Value属性上

<Window x:Class="WpfApplication1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:sys="clr-namespace:System;assembly=mscorlib"
        Title="MainWindow" Height="244" Width="412">
    <StackPanel>
        <TextBox x:Name="textBox1" Text="{Binding ElementName=slider1, Path=Value}"></TextBox>
        <Slider x:Name="slider1" Maximum="100" Minimum="0"></Slider>
    </StackPanel>
</Window>

效果如下:

当拖动进度条时,TextBox中的内容就会发生变化

与之对应的C#代码是:textBox1.SetBinding(TextBox.TextProperty, new Binding("Value") {ElementName="slider1"});

控制Binding数据流向的属性是Mode,他的类型是BindingMode枚举,可取值为OneWay、TwoWay、oneTime、OneWayToSource,UpdateSourceTrigger属性用于控制在什么时候触发属性变化,类型是UpdateSourceTrigger枚举,可取值为PropertyChanged、LostFocus、Explicit和Default。修改源代码后,当TextBox中的内容发生变化时,拖动条的位置也发生变化了,修改后的代码:

<Window x:Class="WpfApplication1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:sys="clr-namespace:System;assembly=mscorlib"
        Title="MainWindow" Height="244" Width="412">
    <StackPanel>
        <TextBox x:Name="textBox1" Text="{Binding ElementName=slider1, Path=Value, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"></TextBox>
        <Slider x:Name="slider1" Maximum="100" Minimum="0"></Slider>
    </StackPanel>
</Window>


目录
相关文章
|
7月前
|
JavaScript
Vue给Element UI的el-popconfirm绑定按钮事件
Vue给Element UI的el-popconfirm绑定按钮事件
|
7月前
使用element clickoutside自定义指令事件,点击元素外部触发(element-ui/src/utils/clickoutside)
使用element clickoutside自定义指令事件,点击元素外部触发(element-ui/src/utils/clickoutside)
|
5月前
element UI 组件封装--搜索表单(含插槽和内嵌组件)
element UI 组件封装--搜索表单(含插槽和内嵌组件)
173 5
44Vue - 表单控件绑定(单选按钮)
44Vue - 表单控件绑定(单选按钮)
41 0
|
JavaScript
45Vue - 表单控件绑定(选择列表)
45Vue - 表单控件绑定(选择列表)
48 0
|
JavaScript 容器
vue自定义接收父组件传输的值(不使用props )$attrs
vue自定义接收父组件传输的值(不使用props )$attrs
121 0
vue自定义接收父组件传输的值(不使用props  )$attrs
封装element-ui的table自定义表头组件
封装element-ui的table自定义表头组件
封装element-ui的table自定义表头组件
|
XML 前端开发 JavaScript
react02 属性绑定 样式绑定
总结下 react中样式绑定
279 0
|
API 微服务 JavaScript
封装一个优雅的element ui表格组件
现在做后台系统用vue + elementUI 的越来越多,那element ui的 el-table 组件肯定也离不开。虽然element ui的table组件很好。
5326 0
Silverlight自定义数据绑定控件应该如何处理IEditableObject和IEditableCollectionView对象
原文:Silverlight自定义数据绑定控件应该如何处理IEditableObject和IEditableCollectionView对象 原创文章,如需转载,请注明出处。   最近在一直研究Silverlight下的数据绑定控件,发现有这样两个接口IEditableObject 和IEditableCollectionView,记录一下结论,欢迎交流指正。
872 0