Dynamically add textbox in WPF

Question

I am creating a textbox dynamically. I have 2 columns in my grid. I want to add new textbox to the row if the other textbox value="tea". I want to create new textbox to corresponding row textbox value change. I am unable to use Tag to get selected row here. because I have already used Tag for some purpose. I don't have much idea about Tag. Anyhow, how can I add new textbox to the column1 to the corresponding row? This is my code..

    public int count = 1;
    public TextBox txt1;

    private void btn_addnew_Click(object sender, RoutedEventArgs e)
    {

        //Creating Rows..
        RowDefinition row0 = new RowDefinition();
        row0.Height = new GridLength(40);
        grid1.RowDefinitions.Add(row0);

        //Creating columns..
        ColumnDefinition col0 = new ColumnDefinition();
        ColumnDefinition col1 = new ColumnDefinition();

        col0.Width = new GridLength(150);
        col1.Width = new GridLength(250);

        grid1.ColumnDefinitions.Add(col0);
        grid1.ColumnDefinitions.Add(col1);

        int i = count;

        //1st Column TextBox

        txt1 = new TextBox();
        txt1.Margin = new Thickness(10, 10, 0, 0);
        Grid.SetRow(txt1, i);
        Grid.SetColumn(txt1, 0);

        txt1.Tag = txt1;

        txt1.MouseEnter+=txt1_MouseEnter;
        txt1.TextChanged += txt1_TextChanged;
        grid1.Children.Add(txt1);
        count++;
        }

    private void txt1_MouseEnter(object sender, MouseEventArgs e)
    {
        txt1 = ((TextBox)sender).Tag as TextBox;
        popup.IsOpen = true;
    }

    public TextBox txt2;
    private void txt1_TextChanged(object sender, TextChangedEventArgs e)
    {


        if (txt1.Text.ToString() == "Tea")
        {

            txt2 = new TextBox();

         //How to set row here?

            Grid.SetRow(txt2, ??);
            Grid.SetColumn(txt2, 1);

            txt2.Margin = new Thickness(10, 10, 0, 0);
            grid1.Children.Add(txt2);
        }
        else
        {              
            grid1.Children.Remove(txt2);
        }
    }

I would suggest you to use StackPanel in this case, or simply add a row defination and use the count to set the row or perhaps you can use UniformGrid too. — pushpraj
– pushpraj, Commented Jun 3, 2014 at 5:59
I am sorry but i am not sure what are you trying to achieve by this.. how will you keep track of data that you will enter in so many textboxes you will add? If you provide the datamodel backing your UI then there will be n number of ways of achieving this elegantly — Nitin Purohit
– Nitin Purohit, Commented Jun 3, 2014 at 6:00
Nothing much. I just simply want to add a textbox to corresponding row for Textbox value="tea". I dont know how to get the Row index. — JohnPaul
– JohnPaul, Commented Jun 3, 2014 at 6:17

Nitin Purohit · Accepted Answer · 2014-06-03 08:22:08Z

1

If you just want to achieve this, then more elegant way will be to add the user control to your application like below:

<UserControl x:Class="WpfApplication4.TestUserControl"
             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" 
             mc:Ignorable="d" 
             d:DesignHeight="300" d:DesignWidth="300">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition/>
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>
        <TextBox Name="TextBox1"/>
        <TextBox Grid.Column="1">
            <TextBox.Style>
                <Style TargetType="TextBox">
                    <Setter Property="Visibility" Value="Collapsed"/>
                    <Style.Triggers>
                        <DataTrigger Binding="{Binding Text, ElementName=TextBox1, UpdateSourceTrigger=PropertyChanged}" Value="tea">
                            <Setter Property="Visibility" Value="Visible"/>
                        </DataTrigger>
                    </Style.Triggers>
                </Style>
            </TextBox.Style>
        </TextBox>

    </Grid>
</UserControl>

then in your btn_addnew_Click() method, you just need to add this usercontrol to user Grid and assign row and column to it. Showing/Hiding of textbox will be taken care of by teh user control itself.

    var userControl = new MyUserControl();
    userControl .Margin = new Thickness(10, 10, 0, 0);
    Grid.SetRow(userControl , i);

    grid1.Children.Add(userControl );

OR if you want to have value of Grid.Row for textbox1 you can get it directly as:

        if (textbox1 != null)
        {
           int row = (int)textbox1.GetValue(Grid.RowProperty);
           Grid.SetRow(txt2, row);
        }

edited Jun 3, 2014 at 8:22

answered Jun 3, 2014 at 6:54

Nitin Purohit

18.6k2 gold badges39 silver badges53 bronze badges

Sign up to request clarification or add additional context in comments.

8 Comments

JohnPaul Over a year ago

I am creating textbox Dynamically.. not in XAML

Nitin Purohit Over a year ago

in wpf, whatever we try to do in code behind can be achieved in xaml more efficiently , may i know is there any specific reason you dont want to use xaml?

JohnPaul Over a year ago

I am new to WPF. and i have programmed like this way. its very difficult to go back and re program. Please help me to identify the Selected row for my above question. In future i will try your answer

JohnPaul Over a year ago

can i achieve this by Tag? and i have already used tag for some other purpose. will it affect? help me. i am not much good in Dotnet

Nitin Purohit Over a year ago

glad it helped... just a friendly suggestion, if you have started working with WPF, learn MVVM, it is amazing.. you will be surprised to see wonders xaml and mvvm pattern do :)

|

pushpraj · Accepted Answer · 2014-06-03 06:05:18Z

0

Attached properties can be used to store such information so define an attached property in the class

    public static int GetGridRow(DependencyObject obj)
    {
        return (int)obj.GetValue(GridRowProperty);
    }

    public static void SetGridRow(DependencyObject obj, int value)
    {
        obj.SetValue(GridRowProperty, value);
    }

    // Using a DependencyProperty as the backing store for GridRow.  This enables animation, styling, binding, etc...
    public static readonly DependencyProperty GridRowProperty =
        DependencyProperty.RegisterAttached("GridRow", typeof(int), typeof(ViewModel), new PropertyMetadata(0));

then use it to store the value of the row

private void btn_addnew_Click(object sender, RoutedEventArgs e)
{
    //1st Column TextBox

    txt1 = new TextBox();
    Grid.SetRow(txt1, i);
    SetGridRow(text1, i);
    ...
    grid1.Children.Add(txt1);
    count++;
}

then use it when u need it

//How to set row here?

Grid.SetRow(txt2, GetGridRow(txt1));
Grid.SetColumn(txt2, 1);

answered Jun 3, 2014 at 6:05

pushpraj

13.7k3 gold badges38 silver badges52 bronze badges

7 Comments

JohnPaul Over a year ago

i am getting error in, typeof(ViewModel). it asks me to add assembly

pushpraj Over a year ago

Since i do not know your class so I put ViewModel as reference. you may replace it your view model class or code behind class name (MainWindow) etc or create a new class inheriting DependencyObject if needed.

JohnPaul Over a year ago

i dont want any inherit. i just simply want the Row index value. could you please make the code little bit clear? I just want to set the row value for selected row

pushpraj Over a year ago

replacing ViewModel with name of your class should work in your case. eg. MainWindow

JohnPaul Over a year ago

no its not working even if i replaced MainWindow. it simply add 1st textbox. I am unable to create after one. only one textbox value created

|

Collectives™ on Stack Overflow

Dynamically add textbox in WPF

2 Answers 2

8 Comments

7 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

8 Comments

7 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related