.NET C# Using TreeView in WinForms like tab control - c#

I want to use TreeView in my software so when user clicks a node, the content of the Form will be changed. Example in this picture, but also I want to grab user input from all forms.
WinForms TreeView example
https://youtu.be/9BdYzMDxl9M?t=46
TreeView -> Node -> User Click -> Display Form_X in the GroupBox
I tried but I could not find related resources on this topic so I posted this question. Thank you for your help

Don't use forms as child controls. User controls exist specifically for that so use them. You add a user control to a project in the same way as you do a form, simply selecting a different menu option. You then design it and add code to it just as you would a form. Once you build your project, the user control will appear in the Toolbox and you can use it just like you would any other control. You then have a couple of options for how to handle switching controls via the TreeView.
If the number of controls is fairly small, you can add one of each to the GroupBox in the designer, so they all exist all the time. You would probably want to set the Dock property of each to Fill, so they all fill the parent GroupBox. In the Load event handler of the form, you can assign each user control instance to the Tag property of the corresponding TreeNode. When the user selects a node, you get the user control from its Tag property and call BringToFront on it, so the user will see it and it will hide all the other user controls, e.g.
private void Form1_Load(object sender, EventArgs e)
{
var nodes = treeView1.Nodes;
nodes[0].Tag = userControl1;
nodes[1].Tag = userControl2;
nodes[2].Tag = userControl3;
}
private void treeView1_AfterSelect(object sender, TreeViewEventArgs e)
{
var userControl = treeView1.SelectedNode.Tag as Control;
userControl?.BringToFront();
}
Because all the controls exist all the time, you can load all the data at the start and save all the changes at the end and not have to transfer any data when the selection changes.
If the number of controls is larger, you might want to show just one at a time. That becomes more complex because, when the selection changes, you have to make sure that any changes in the current user control are remembered, remove the existing control and then create and load the new control. Because the process is more complex, there are more options about exactly how to implement it. For that reason, I won't go into specifics here. If you want to go that way, you need to consider those options and how they relate to the specifics of your application and then decide how you want to implement the process. If you do that and encounter an issue along the way, that would be another question.

What have you tried? I am confident there are many ways to achieve what you describe. Since you mentioned a TabControl have you considered using a TabControl without the Tabs and manually switch to the proper tab page whenever the tree view node is clicked.
Something likeā€¦
private void Form1_Load(object sender, EventArgs e) {
tabControl1.Appearance = TabAppearance.FlatButtons;
tabControl1.ItemSize = new Size(0, 1);
tabControl1.SizeMode = TabSizeMode.Fixed;
}
private void treeView1_NodeMouseClick(object sender, TreeNodeMouseClickEventArgs e) {
if (e.Node.Name == "TabPage1") {
tabControl1.SelectTab("TabPage1");
}
else {
tabControl1.SelectTab("TabPage2");
}
}

Related

Usercontrol removal

My problem is the following. I have a form which when it loads up invokes a user control onto it. On the user control I have buttons. With the buttons I would like to make the user control disappear with all the buttons and picture boxes on it and make a new user control appear. The appear part is all right but I can't make the user control disappear with all the objects on it.
Can you help me with this one?
So the dispose method closes the usercontrol well, but then I can't make the new user control appear. Code is like this:
akusztikusUserControl auc = new akusztikusUserControl();
public menuUserControl()
{
InitializeComponent();
}
private void akusztikus_btn_Click(object sender, EventArgs e)
{
this.Dispose();
this.Controls.Add(auc);
}
}
Have you considered using Panel or a TableLayoutPanel control ? In both cases you can remove controls through the .controls.remove option
You can then just add the user control to the panel / tablelayoutpanel whenever you need to use it again.

How to use same textbox with other tabs on the tabcontrol?

Sorry for the simple question and also sorry if there is an answer on the site and I couldn't find.
I want to use same textbox in every tab that I use on my form. How can I do that?
Add this to the TabControl's SelectedIndexChanged event handler.
private void tabControl1_SelectedIndexChanged(object sender, EventArgs e)
{
tabControl1.TabPages[tabControl1.SelectedIndex].Controls.Add(textBox1);
}
Adding a control to one tab page's Controls collection automatically removes it from the others.
Note: I have tested it by adding two lables on the form above the tab control and added these two lines to the method shown above:
label1.Text = tabControl1.TabPages[0].Controls.Count.ToString();
label2.Text = tabControl1.TabPages[1].Controls.Count.ToString();
Put the TextBox in the parent control of the TabControl. It can hover over all the rest. You might need to rework the focus traversal though.

Disabling child control events

The child controls of my custom control are obstruction the mouse events in my custom control. I have worked through the accepted answer and the answer at the bottom of this thread...
exposing-events-of-underlying-control
I haven't gotten them to work (the answer at the bottom seemed most straight forward to me). But really I would like to disable the events of them altogether. I have a pictureBox and a label, I don't need to interact with either of the child controls. Is there a way to disable them so they wont interfere with the events of my custom control?
Edit:
I'm using the custom control to gather and process a number of things and make them available as properties. When I click on it, I need to access to the properties. When the event happens at the child control, I don't have access to the propertied of my custom control. The following code is in my form...
public void Form1_MouseDown(object sender, MouseEventArgs e)
{
var myControl = sender as SubstanceViewer;
richTextBox1.Text = myControl.substanceInfo;
}
so I will need to access the properties of the parent control.
If you need the the events that are normally trapped by the child controls to be handled by the custom control itself, then simply wire up those events at run-time in the constructor of the custom control.
For example if you needed the MouseMove() event of the PictureBox and Label to fire the already wired up event of the UserControl:
public partial class SomeUserControl : UserControl
{
public SomeUserControl()
{
InitializeComponent();
this.pictureBox1.MouseMove += SomeUserControl_MouseMove;
this.label1.MouseMove += SomeUserControl_MouseMove;
}
private void SomeUserControl_MouseMove(object sender, MouseEventArgs e)
{
}
}
Be aware, though, that since different controls are firing the same handler you'll need to take that into account. For example, the e.X and e.Y values in the handler above would be relative to the source control.
*You can also wire these events up at design-time using the IDE itself, but I thought code better illustrated the solution.

Detect click on the Collapsebutton in a TreeView

I have a Treeview with nodes. If the user doubleclicks a node, an editdialog for the node opens where he can modify the data etc.
There is a problem, if the user clicks fastly twice onto the collapsebutton of a node - this also counts a double click. Is there a way to avoid this? I searched the Web but i found nothing really helpfull. Detecting if the click is within a specific area is useless, cause the Treeview is dynamic and scrollable.
Many thanks in advance.
You can just call HitTest and find out where the user clicked.
private void treeView1_MouseDoubleClick(object sender, MouseEventArgs e)
{
var hitTest = treeView1.HitTest(e.Location);
if (hitTest.Location == TreeViewHitTestLocations.PlusMinus)
{
//expand collapse clicked
}
}

Find parent control of ToolStripMenuItem

I have a ContextMenuStrip that I attach to several controls. It has the items { Add, Remove, Edit }. When a user right clicks on one of my listbox controls (which pops up this context menu) and selects 'Add', how can I derive the listbox control from the ToolStripMenuItem reference that is passed in?
private void OnAddEntry(object sender, EventArgs e)
{
// Example: ?????
ListBox lb = sender.Parent;
}
Mark, try this:
((ContextMenuStrip)(((ToolStripMenuItem)sender).Owner)).SourceControl
I'm guessing you can go up the chain of parents until you find the listbox.
You may be able to speed this up using the OwnerItem property to get straight to the toolstrip.
You could always set the item's Tag to the listbox and then just use it as require.

Categories

Resources