XAML实现Silder与TextBox的数据绑定-前台数据绑定

下面是能够实现Silder和TextBox的数据绑定,即Silder的值与TextBox的值能够联动操作。

image
XAML代码如下:

<Slider
    Grid.Row="0"
    Grid.Column="0"
    Margin="0 20 0 0"
    Minimum="0"
    Maximum="255"
    Name="slider0"
    SmallChange="0.1"
    LargeChange="5"
    IsSnapToTickEnabled="True"
    Value="{Binding ElementName=textbox1, Path=Text}"
    >
</Slider>

<TextBox
    Grid.Row="0"
    Grid.Column="1"
    VerticalAlignment="Center"
    HorizontalAlignment="Center"
    FontSize="30"
    Name="textbox1"
    Text="{Binding ElementName=slider0,Path=Value}">
</TextBox>

这样即可以实现。

之前Value="{Binding ElementName=textbox1, Path=Value}"时,在TextBox中输入值,而Slider却无变化,这是因为Path有误,应该改为Text属性。
时间: 2024-12-30 04:32:30

XAML实现Silder与TextBox的数据绑定-前台数据绑定的相关文章

DataGrid前台数据绑定技巧

(1)DataGrid控件不换行,数据显示不完全后面加"..." <%# DataBinder.Eval(Container.DataItem,"content").ToString().Length>15? DataBinder.Eval(Container.DataItem,"content").ToString().Substring(0,15) + "...": DataBinder.Eval(Contai

30分钟学会XAML

1.狂妄的WPF 相对传统的Windows图形编程,需要做很多复杂的工作,引用许多不同的API.例如:WinForm(带控件表单).GDI+(2D图形).DirectX API(3D图形)以及流媒体和流文档等,都需要不同的API来构建应用程序. WPF就是看着上面的操作复杂和不爽,自己决定做老大,想用DirectX技术涵盖一切,于是想要将上述的东西全部融合到自身,减少复杂度,让编程变得爽起来的技术. 而不可否认的是,WPF虽然很狂妄,但是这种技术里面还是有不少的可圈可点的东西.而支持WPF狂妄的

030. asp.net中DataList数据绑定跳转(两种方式)的完整示例

前台代码: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" MaintainScrollPositionOnPostback="true" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tran

ASP.NET实现数据绑定

一.数据绑定语法 数据绑定表达式包含在“<%#”和“%>”分隔符之内,并使用Eval方法和Bind方法.Eval方法用于定义单向(只读)绑定,Bind方法用于定义双向(可更新)绑定. 语法格式:<%#Eval("字段名") %> <%#Bind("字段名") %> <%#绑定表达式 %> 不仅可以绑定数据源,而且可以绑定简单属性.集合.表达式,甚至从方法调用返回结果. 二.数据绑定表达式出现的位置 1.可以将数据绑定表

Windows移动开发(五)——初始XAML

关于具体的基本功就先说这么多,后面遇到再补充说明,前面说的都是一些代码和原理方面的东西,接下来说的会有界面和代码结合,会有成就感,因为能真正的做出东西来了. Windows移动开发包括Windows Store和Windows Phone,Windows Store程序主要针对的是Surface,Windows Phone主要是Win8 Metro手机应用,这两个产品的开发模式基本类似,和Silverlight很像,只是Silverlight是运行在浏览器中,如果有Silverlight基础的A

WPF之给TextBox添上Label

引言     在客户端开发中,要说出现频率大的控件,必定有textbox的身影.然而在textbox的旁边通常得有个基友label,形影不离.为此,我们都要写两个控件,布局两次,这样麻烦且有点浪费时间.不如,我们做狠点,将它们两个绑在一起算了. 简单需求     我们需要的控件该是怎样的.首先,它应该有textbox的所有特性,其次,它的上方或者左边应该有个label.我们可以通过设置属性,显示label的内容.大体上就是这样. 构建方式的选取 WPF的控件开发有两种,分为用户控件和自定义控件.

XAML文件的相关介绍

1. XAML的概念: XAML语言是Extensible Application Markup Language的简称,英文发音是zammel,中文称为可扩展应用程序标记语言,该语言是基于Extensive Markup Language(XML)可扩展标记语言,主要用于Silverlight,WPF,Windows Phone以及Windows 8应用开发. 2. XAML的对象和属性:      a.对象的介绍:     在XAML代码中,一个Element(元素)通常是一个Object(

Data Binding Library(数据绑定库)

引子 上图中有一些 TextView 和 Button 等,正常情况下,互联网APP都会从服务器抓取数值,然后在 Activity中 findViewById 再进行setText等等.这篇文章就是用来解放你的双手劳动力 的,使用数据绑定库可以不用去findView不用在写繁琐的 setText,只要从服务器获取json 转换成 javaBean格式然后 set,duang,,,,, 所有的值就自己展现在该有的地方了. Demo: https://github.com/Afra55/DataBi

【JavaScript】Object.observe()带来的数据绑定变革

Object.observe()带来的数据绑定变革 引言 一场变革即将到来.一项Javascript中的新特性将会改变你对于数据绑定的所有认识.它也将改变你所使用的MVC库观察模型中发生的修改以及更新的实现方式.你会看到,那些所有在意属性观察的应用性能将会得到巨大的提升. 我们很高兴的看到,Object.observe()已经正式加入到了Chrome 36 beta版本中. Object.observe()是未来ECMAScript标准之一,它是一个可以异步观察Javascript中对象变化的方