バージョン 24.2 (最新)

データのバインド

始める前に

コントロールの 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