【WIN10】绑定x:Bind

在WP8、WP8中,我们知道有一个绑定{Binding},而在Win10中,新增了一个绑定{x:Bind}

x:Bind :为编译时绑定 ,内存、内存相对于传统绑定都有优化

特性:

1.为强类型      2.默认上下文为Page或UserControl       3.Mode默认为OneTime

xaml:

<TextBlock Text="{x:Bind BindData}"/>

后台代码:

1 public sealed partial class MainPage : Page
2 {
3     public string BindData = "绑定的数据";
4
5     public MainPage()
6     {
7         this.InitializeComponent();
8     }
9 }

如果Text="{x:Bind BindData}"绑定的属性有误,则编译时会报错。

模板中使用x:Bind

xaml:

    xmlns:model="using:HelloWorld.Models"

 1 <ListView x:Name="lv"  ItemsSource="{x:Bind news}">
 2     <ListView.ItemTemplate>        <!--x:Bind 是强类型,必须在模板中声明数据类型-->
 3         <DataTemplate x:DataType="model:NewsModel">
 4             <StackPanel>
 5                 <TextBlock Text="{x:Bind Title}" />
 6                 <TextBlock Text="{x:Bind Text}" />
 7             </StackPanel>
 8         </DataTemplate>
 9     </ListView.ItemTemplate>
10 </ListView>

增加一个类:

namespace HelloWorld.Models
{
  public class NewsModel
  {
    public string Title { get; set; }
    public string Text { get; set; }
  }
}

后台代码:

 1 ObservableCollection<NewsModel> news= new ObservableCollection<NewsModel>();
 2
 3 public MainPage()
 4 {
 5     this.InitializeComponent();
 6     pictures.Add(new NewsModel() { Title= "Title1", Text = "Text1" });
 7     pictures.Add(new NewsModel() { Title= "Title2", Text = "Text2" });
 8     pictures.Add(new NewsModel() { Title= "Title3", Text = "Text3" });
 9    //此处无需对DataContext赋值了
10 }
时间: 2024-08-30 08:33:21

【WIN10】绑定x:Bind的相关文章

Jquery中的事件绑定$(&quot;#btn&quot;).bind(&quot;click&quot;,function(){ })

Jquery中的事件绑定:$("#btn").bind("click",function(){  }) 因为每次都这么调用太麻烦,所以jquery就用$("#btn").click(function(){})来进行简化 Jquery中的事件绑定$("#btn").bind("click",function(){ })

jQuery事件绑定方法bind、 live、delegate和on的区别

我们试图绑定一些事件到DOM元素上的时候,我相信上面这4个方法是最常用的.而它们之间到底有什么不同呢?在什么场合下用什么方法是最有效的呢? 1.准备知识 当我们在开始的时候,有些知识是必须具备的: 1).DOM树 下图仅仅是一个示例,这是一个在browser环境下的一棵模拟DOM树,在下面的代码中仅起到演示的作用: 2).Event bubbling (aka event propagation)冒泡 我们的页面可以理解为一棵DOM树,当我们在叶子结点上做什么事情的时候(如click一个a元素)

UWP: 掌握编译型绑定 x:Bind

在 UWP 开发中,我们在进行数据绑定时,除了可以使用传统的绑定 Binding,也可以使用全新的 x:Bind,由于后者是在程序编译时进行初始化操作(不同于 Binding,它是在运行时创建.初始化),所以我们可以称 x:Bind 为编译型绑定,正像本文标题一样.之所以引入 x:Bind,是因为它相比传统的 Binding 有很多优点,比如: 性能更好: 编译时错误: 便于调试: 使用方便(绑定到函数.事件等) 鉴于 x:Bind 有以上这些优点,所以这里推荐大家在自己的项目中尽可能地使用它:

jQuery中绑定事件bind() on() live() one()的异同

jQuery中绑定事件的四种方法,他们可以同时绑定一个或多个事件 bind()-------------------------版本号小于3.0(在Jquery3.0中已经移除,相应unbind()也移除) live()--------------------------版本号小于1.7(在Jquery1.7中已经移除,相应die()也移除) delegate()-------------------版本号小于1.7(在Jquery1.7中已经移除) on()------------------

jQuery三种事件绑定方式.bind(),.live(),.delegate()

.bind(), .live(), 和 .delegate()之间的区别并不明显.但是理解它们的不同之处有助于写出更简洁的代码,并防止我们的交互程序中出现没有预料到的bug. 基础 DOM树 首先,图形化的HTML文档能帮助我们更好的理解.一个简单的HTML页面看起来应该像这样 事件冒泡(也称作事件传递)(Event bubbling aka event propagation) 点击一个链接,触发绑定在链接元素上的 click 事件,进而触发绑定到这个元素的click事件的函数. 1 $('a

事件绑定之.bind()

.bind(eventType[,eventData],handler(eventObject)) 描述:为一个元素绑定一个事件处理程序,bind()绑定方法的时候元素必须已经存在. -eventType string类型 一个包含一个或多个DOM事件类型的字符串,或自定义事件.多个由空格分开. -eventData Object类型 一个对象,它包含的数据键值对映射将被传递给事件处理程序.不常用 -handler(eventObject) Function()类型 每当事件触发时执行的函数.

绑定live bind click

Jquery中绑定事件有三种方法:以click事件为例 (1)target.click(function(){}); (2)target.bind("click",function(){}); (3)target.live("click",function(){}); 第一种方法很好理解,其实就和普通JS的用法差不多,只是少了一个on而已 第二.三种方法都是绑定事件,但是二者又有很大的不同,下面着重讲解一下,因为这个如果用到Jquery的框架的话是用的挺多的,尤其要

linux网口绑定笔记-bind

模式0:balance-rr 模式1:active-backup 模式2:balance-xor 模式3:broadcast 模式4:802.3ad 模式5:balance-tlb 模式6:balance-alb 打开文件: /etc/modprobe.conf  添加 alias bond1 bonding options bond1 miimon=100 mode=模式***

Python3 Tkinter基础 Canvas bind 绑定左键 鼠标左键点击时,在当前位置画出一个椭圆形

镇场诗: 清心感悟智慧语,不着世间名与利.学水处下纳百川,舍尽贡高我慢意. 学有小成返哺根,愿铸一良心博客.诚心于此写经验,愿见文者得启发.------------------------------------------ code: from tkinter import * root=Tk() w=Canvas(root,width=200,height=200,background='white') w.pack() def paint(event): #event.x 鼠标左键的横坐标