美文网首页
WPF例3-单击按钮更改数据前端实时刷新

WPF例3-单击按钮更改数据前端实时刷新

作者: quchangTJU | 来源:发表于2020-01-27 15:37 被阅读0次

一、在MainWindow类中,输入propdp然后双击TAB键,注册一个string类型的依赖属性,名为Test。
二、绑定简单的数据,Label控件可以直接设置DataContext属性。我们也可以设置MainWindow的DataContext属性,因为所有控件都在MainWindow下,Label控件会自动向上寻找可用的DataContext,这里直接设置MainWindow的DataContext属性,免去了设置Label的DataContext属性的步骤。
三、设置路由事件,可以让MainWindow监听窗口内的按钮单击事件来响应处理函数Window_Click,无需让按钮控件单独设置响应函数。

MainWindow.xaml.cs文件代码

using System.Windows;

namespace WpfApp3
{
    /// <summary>
    /// MainWindow.xaml 的交互逻辑
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            DataContext = this;  //设置窗口的数据上下文为当前对象,Label控件会找到当前MainWindow对象的Test属性
        }

        //注册依赖属性Test
        public string Test
        {
            get { return (string)GetValue(TestProperty); }
            set { SetValue(TestProperty, value); }
        }

        // Using a DependencyProperty as the backing store for Test.  This enables animation, styling, binding, etc...
        public static readonly DependencyProperty TestProperty =
            DependencyProperty.Register("Test", typeof(string), typeof(MainWindow));
        //按钮响应函数
        private void Window_Click(object sender, RoutedEventArgs e)
        {
            Test += "1";
        }
    }
}

MainWindow.xaml文件代码

<Window x:Class="WpfApp3.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApp3"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800" ButtonBase.Click="Window_Click">
    <Grid>
        <Label Content="{Binding Test}" HorizontalAlignment="Left" Margin="263,150,0,0" VerticalAlignment="Top" Width="214"/>
        <Button Content="添加字符串" HorizontalAlignment="Left" Margin="263,247,0,0" VerticalAlignment="Top" Width="214"/>
    </Grid>
</Window>
代码效果

相关文章

  • WPF例3-单击按钮更改数据前端实时刷新

    一、在MainWindow类中,输入propdp然后双击TAB键,注册一个string类型的依赖属性,名为Test...

  • 排序

    以金额列大小排序为例 1.选择“金额”列,【数据】单击【排序和筛选】下方的【降序】按钮(上方为【升序】按钮)默认选...

  • saiku 实时展现查询数据

    让SaiKu实时展现查询数据 在默认的情况下,saiku是不能对数据进行实时展现的,只能通过下图的刷新按钮或者重启...

  • 前嗅ForeSpider中数据浏览界面介绍

    在“数据采集”页面开始采集后,可以在“数据浏览”页面点对应的数据表,点击“刷新”按钮,即可实时查看采集到的数据。 ...

  • day10-单选的编辑模式

    数据刷新01全局刷新数据刷新02局部刷新左滑删除滑动时自定义多个按钮 是什么? 点击删除按钮后,出现"红色单选按钮...

  • Material Editor

    实时预览 -此选项允许在“材质预览”窗口中实时更新任何更改,而无需使用“保存”或“应用”按钮。 实时节点 -此选项...

  • 数据刷新

    数据刷新 添加数据 删除数据 更改数据 全局刷新方法(最常用) [self.tableViewreloadData...

  • 仿微信步数demo记录

    这次的作业主要通过quartz框架来实现一个步数排行耪的效果,需要实现到时间后刷新数据,并实时显示,更改数据库。这...

  • 2019-10-16

    [Vue+WebSocket 实现页面实时刷新长连接] *最近vue项目要做数据实时刷新,折线图每秒重画一次,数据...

  • 子组件的动态刷新问题

    我们经常会遇到的需求就是在主页面中查询数据,单击按钮进入到子组件进行筛选条件的选择,就需要我们对子组件的刷新问题进...

网友评论

      本文标题:WPF例3-单击按钮更改数据前端实时刷新

      本文链接:https://www.haomeiwen.com/subject/oghethtx.html