バージョン

データのバインド

始める前に

コントロールの Data プロパティの XamBarcode シリーズは、エンコードしたい値を割り当てるために使用するものです。Data プロパティは依存プロパティで、値を設定するためにデータ バインドを使用できます。

達成すること

データを XamCode128Barcode コントロールの Data プロパティにバインドします。

次の手順を実行します

  1. XamCode128Barcode コントロールをページに追加します。これに関する詳細は以下のトピックを参照してください。

  1. INotifyPropertyChanged インターフェイスを実装する BarcodeData という名前のクラスを作成し、Data プロパティを追加します。これは値が変更された場合に通知を提供します。

Visual Basic の場合:

Imports System.ComponentModel

Public Class BarcodeData Implements INotifyPropertyChanged
        Public Sub New()
                Data = String.Empty
        End Sub
        Private barcodeData As String
        Property Data() As String
                Get
                        Return barcodeData
                End Get
                Set(ByVal value As String)
                        barcodeData = value
                        RaisePropertyChanged()
                End Set
        End Property
        Public Event PropertyChanged(ByVal sender As Object, ByVal e
                As PropertyChangedEventArgs) Implements
                      INotifyPropertyChanged.PropertyChanged
        Private Sub RaisePropertyChanged()
                RaiseEvent PropertyChanged(Me, New
                        PropertyChangedEventArgs("Data"))
        End Sub
End Class

C# の場合:

using System.ComponentModel;

public class BarcodeData : INotifyPropertyChanged
{
        public BarcodeData()
        {
                Data = string.Empty;
        }
        private string barcodeData;
        public string Data
        {
                get
                {
                        return barcodeData;
                }
                set
                {
                        barcodeData = value;
                        RaisePropertyChanged();
                }
        }
        public event PropertyChangedEventHandler PropertyChanged;
        private void RaisePropertyChanged()
        {
                if (PropertyChanged != null)
                {
                        PropertyChanged(this,
                        new PropertyChangedEventArgs("Data"));
                }
        }
}
  1. BarcodeData クラスのインスタンスをコントロールの DataContext プロパティに指定します:

Visual Basic の場合:

Dim barcodeData As New BarcodeData
Barcode.DataContext = barcodeData

C# の場合:

var barcodeData = new BarcodeData();
Barcode.DataContext = barcodeData;
  1. プロパティにコントロールをバインドします。

XAML の場合:

<ig:XamCode128Barcode x:Name="Barcode" Data="{Binding Data}" />
  1. 値を BarcodeData インスタンスの Data プロパティに指定します。

Visual Basic の場合:

barcodeData.Data = "324654"

C# の場合:

barcodeData.Data = "324654";
Note
注:

この例は、ハードコーディングされた値をコントロールに割り当てます。ただし、実環境アプリケーションでは、データベース、アプリケーション ロジック、またはバーコード スキャナーから値を指定できます。どこから値を取得するかにかかわらず、この例では値がどのようにコントロールに指定されるのかを示します。BarcodeData クラスの Data プロパティが変わるたびに、コントロールは変更を表示します。

  1. アプリケーションを保存して実行します。

xamBarcode DataBinding 01.png