VB.net의 WPF NumericUpDown usercontrol

Question

VB에서 내 자신의 NumericUpDown 컨트롤을 만들고 있습니다. 뒤에 VB 코드 여기

<UserControl xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
      xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
      x:Class="NumericUpDown" 
      mc:Ignorable="d" 
      d:DesignHeight="30" d:DesignWidth="100"> 
    <Grid> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition Width="*" /> 
      <ColumnDefinition Width="20" /> 
      <ColumnDefinition Width="20" /> 
     </Grid.ColumnDefinitions> 
     <TextBox x:Name="txtNum" Grid.Column="0" x:FieldModifier="private" TextChanged="txtNum_TextChanged"/> 
     <Button x:Name="cmdDown" Grid.Column="1" x:FieldModifier="private" Content="˅" Width="20" Click="cmdDown_Click" /> 
     <Button x:Name="cmdUp" Grid.Column="2" x:FieldModifier="private" Content="˄" Width="20" Click="cmdUp_Click" /> 
    </Grid> 
</UserControl> 

그리고 :

Class NumericUpDown 

    Dim _Minimum As Double = 0 
    Dim _Maximum As Double = 100 

    Private Sub NumericUpDown() 
     InitializeComponent() 
     txtNum.Text = Numeric 
    End Sub 

    Public Property Maximum As Double 
     Get 
      Return _Maximum 
     End Get 
     Set(value As Double) 
      _Maximum = value 
     End Set 
    End Property 

    Public Property Minimum As Double 
     Get 
      Return _Minimum 
     End Get 
     Set(value As Double) 
      _Minimum = value 
     End Set 
    End Property 

    Public Shared ReadOnly NumericProperty As DependencyProperty = DependencyProperty.Register("Numeric", GetType(String), GetType(NumericUpDown), _ 
     New PropertyMetadata("")) 

    Public Property Numeric As String 
     Get 
      Return CType(GetValue(NumericProperty), String) 
     End Get 
     Set(value As String) 
      SetValue(NumericProperty, value) 
     End Set 
    End Property 

    Private Sub cmdUp_Click(sender As Object, e As RoutedEventArgs) 
     Dim NumValue As Double 
     NumValue = Val(txtNum.Text) 
     NumValue += 1 
     If NumValue > Maximum Then NumValue = Maximum 
     txtNum.Text = NumValue.ToString 
    End Sub 

    Private Sub cmdDown_Click(sender As Object, e As RoutedEventArgs) 
     Dim NumValue As Double 
     NumValue = Val(txtNum.Text) 
     NumValue -= 1 
     If NumValue < Minimum Then NumValue = Minimum 
     txtNum.Text = NumValue.ToString 
    End Sub 

    Private Sub txtNum_TextChanged(sender As Object, e As TextChangedEventArgs) 
     Numeric = txtNum.Text 
    End Sub 
End Class 

나는이처럼 내 페이지에서 사용 : 페이지 정의에 넣어 :

xmlns:local="clr-namespace:Demo" 

여기 내 XAML입니다

콘텐츠 섹션에 넣으세요.

<local:NumericUpDown Numeric="{Binding Path=score, Mode=TwoWay, NotifyOnValidationError=true, ValidatesOnExceptions=true}"/> 

물론 컨테이너에 DataContext를 이미 설정했으며 다른 모든 데이터 바인딩 된 컨트롤은 정상적으로 작동합니다. 하지만 사용자 지정 컨트롤의 텍스트 상자가 비어 있습니다. 여기서 끝나지 않습니다. 내가 입력란에 텍스트를 입력 할 때 값을 줄이고 증가 버튼을 사용하면 값이 내 DataTable로 전송됩니다. 즉,이 usercontrol은 일부 확장 작업을 의미합니다. 나는 어디에서 잘못 했는가? 텍스트 상자의 내용을 시작 값으로 초기화하지 않는 이유는 무엇입니까?

조금 더 테스트 한 후. 내 usercontrol '양방향'에서 작동하지 않는 것 같습니다. DataTable에서 데이터를받지 못하면 값만 전달됩니다. 어떻게 수정해야합니까?

Answer 1

문제는 속성이 txtNum 인 것을 Numeric 속성에 바인딩하지 않는 것입니다.

<TextBox x:Name="txtNum" Grid.Column="0" x:FieldModifier="private" 
      Text="{Binding Path=Numeric, RelativeSource={RelativeSource AncestorType={x:Type UserControl}}}"/> 

그럼 그냥 Numeric 특성, 예를 들어, 업데이트하기 위해 위/아래 클릭 핸들러를 txtNum_TextChanged을 제거하고 수정할 수 있습니다 문제의 많은 여전히 ​​있다는 것을

가

Private Sub cmdUp_Click(sender As Object, e As RoutedEventArgs) 
    If Me.Numeric < Me.Maximum Then 
     Me.Numeric += 1 
    Else 
     Me.Numeric = Me.Maximum 
    End If 
End Sub 

Private Sub cmdDown_Click(sender As Object, e As RoutedEventArgs) 
    If Me.Numeric > Me.Minimum Then 
     Me.Numeric -= 1 
    Else 
     Me.Numeric = Me.Minimum 
    End If 
End Sub 

주 - 사용자가 입력 할 수 있습니다 허용 된 범위를 벗어나는 값 또는 숫자가 아닌 데이터 (문제가 발생합니다!) 등이 있습니다.이 특정 문제의 경우 Extended EPF Toolkit을 확인할 수 있습니다. 여기에는 다양한 up/down controls이 있습니다.