Привязка данных через свойство DataContext

Для установки привязки к данным потребовалось проделать большую работу. Однако, существует способ упростить выполнение этих действий.

Установка привязки данных в XAML. Можно просто связать свойство объекта со свойством элемента в XAML-коде, и Silverlight выполнит привязку.

<TextBox Height="72" HorizontalAlignment="Left" Margin="8,19,0,0" Name="firstNumberTextBox" Text="{Binding TopValue, Mode=TwoWay}" VerticalAlignment="Top" Width="460" TextAlignment="Center" />

В этом коде указана привязка текста элемента к свойству TopValue объекта. Режим привязки установлен в значение TwoWay, чтобы изменения в программе (при вычислении результата) отображались на экране. Если нужно использовать визуальный элемент только для того, чтобы показать значение (например, результат вычисления), можно использовать режим привязки OneWay.

Установка свойства DataContext. Теперь остается создать экземпляр класса AdderClass и присвоить его свойству DataContext элемента, содержащего элементfirstNumberTextbox. Это можно сделать в конструкторе для основной страницы.

// Конструкторpublic MainPage(){ InitializeComponent(); AdderClass adder = new AdderClass(); ContentGrid.DataContext = adder;}

Свойство DataContext элемента Silverlight идентифицирует объект, который содержит все свойства, связанные с элементом и с теми элементами, которые в нем содержатся. Элемент ContentGrid содержит элементы TextBox и TextBlock, и теперь каждая привязка, которую эти элементы содержат, будет отображаться на созданный экземпляр класса AdderClass.

В этом примере вся тяжелая работа с областью свойств и ресурсами заменена на небольшое количество XAML-кода и одну строку кода.

3. Управление ориентацией страницы приложения


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: