How to create a Gmail-like label system of Drag and Drop? - WPF Discussion Boards

16-Jul-09 0:29

Excellent. Big Grin | :-D

"WPF has many lovers. It's a veritable porn star!" - Josh Smith

As Braveheart once said, "You can take our freedom but you'll never take our Hobnobs!" - Martin Hughes.

how to add children to canvas from viewmodel

gomsvetri15-Jul-09 21:07

gomsvetri

15-Jul-09 21:07

Actually in code behind we can use
canvasname.children.add()
directly
but when using mvvm model through viewmodel
how to access that canvas name from view because i want to add
children to canvas through viewmodel
please explain me how to do that

how to access the layout control from view to viewmodel

Re: how to add children to canvas from viewmodel

Michael Sync23-Jul-09 6:52

Michael Sync

23-Jul-09 6:52

There are a few ways to do based on your requirement.

1. You can create one attached property that you can bind the content of the Canvas to the property of ViewModel.

2. If you are using Prism v2 framework, you can register it as a region and get the access of that region from View Model.

What do you want to add to the Canvas? Can you provide more details about your scenario so that we can help you more easily?

Thanks and Regards,
Michael Sync ( Blog: http://michaelsync.net)

Microsoft MVP (Silverlight), WPF/Silverlight Insiders

Re: how to add children to canvas from viewmodel

Sevententh14-Oct-09 4:41

Sevententh

14-Oct-09 4:41

I'm doing the same and having a problem with it. At present I have code behind that links to a canvas but want to move the code to the viewmodel

<Canvas x:Name="LayoutRoot" >
<TextBlock Text="{Binding Path=Items}" />
</Canvas>

Code behind causing the problem

ticker = new Ticker<TickerItem>(LayoutRoot);

And the public class that needs a panel

public Ticker(Panel container){...}

Any help on this would be great thanks Smile | :)

Re: how to add children to canvas from viewmodel

Sevententh14-Oct-09 6:17

Sevententh

14-Oct-09 6:17

Never mind... I figured it out!
I just needed to add

<Canvas x:Name="LayoutRoot" >
<TextBlock Text="{Binding Path=Items}"/>
<ContentPresenter Content="{Binding Path=LayoutRoot}" />
</Canvas>

And create a new Canvas object in the viewmodel

public Canvas LayoutRoot{ get; private set; }

public viewModel
{
LayoutRoot= new Canvas();
ticker = new Ticker<TickerItem>(LayoutRoot);
}

How to create a Gmail-like label system of Drag and Drop?

Shafique Kassam15-Jul-09 11:20

Shafique Kassam

15-Jul-09 11:20

I am trying to implement a Drag and Drop labeling system like Gmail uses. Just a list of labels that can be dragged atop any entity in my system. All entities in the application will extend from a base class that will accept the label-drop and adorn itself appropriately with the dropped label. I need to be able to multi-select labels and drag them as well!

any ideas? I've seen a number of drag and drop examples, but none of them are like a labeling system!

Re: How to create a Gmail-like label system of Drag and Drop?

grakenmol15-Jul-09 13:15

grakenmol

15-Jul-09 13:15

Shafique,

Best option would be to take one of the examples you've found, and change it to implement what you want..
Take this example for instance..
Drag and Drop Items in a WPF ListView[^..

If you add a 2nd list of labels, and use the existing list as your "entities", and work at it from there.

Re: How to create a Gmail-like label system of Drag and Drop?

Shafique Kassam29-Jul-09 9:24

Shafique Kassam

29-Jul-09 9:24

the way i see, i should have two Tree's. One Tree will be for favorites, and the other tree will be for Non-favorite labels. what do you think?

I think the link you sent looks pretty helpful..

thanks!

How to access sql server database to display the data using dropdown using WPF and XAML

Krishna Aditya15-Jul-09 3:47

Krishna Aditya

15-Jul-09 3:47

Hi All,

I started developing simple application in WPF and XAML.

I want to try accessign the sql server database and display the data from stored procedure onto the UI form.

I have a table called parentProject -> idParentProject (pk), txtParentProjName varchar(max).
my SP is parentProj_sp -> select * from parentProject.
n
I want to use a dropdown list in which, If the sp returns say (3) records, then dropdownlist should have those 3 records retreived from sp.

similar manner, I have subproject -> idsubproject(pk), idParentProject , txtSubProjectName varchar(max), dateProjstart, dateprojectend.

once the parentprojectname is selected from first dropdown, then, subproject dropdown should be enabled and it should have the subprojectnames for the corresponding parent project.

my sp is subproject_sp -> SELECT dtProjectStart, dtProjectEnd FROM tblSubProject WHERE (idParentProject = @idProjectIndex).

please help me how to connect to database in C# using WPF and XAML.

My main intention, is connecting to database in WPF.

Thank You,
Ramm

Re: How to access sql server database to display the data using dropdown using WPF and XAML

Pete O'Hanlon15-Jul-09 9:14

15-Jul-09 9:14

There are many ways to do this, but the most obvious one would be to use Linq to hook up to the stored proc. This would give you a workable model - then you would hook this data from a view model into your view. It's relatively straightforward, then, to synchronise between two lists so that your sub project is refreshed whenever your projects list changes.

"WPF has many lovers. It's a veritable porn star!" - Josh Smith

As Braveheart once said, "You can take our freedom but you'll never take our Hobnobs!" - Martin Hughes.

Horizontal Binding

Adriaan Davel15-Jul-09 2:12

15-Jul-09 2:12

Hi,
I've googled myself silly with no luck... Using SL3, all I need to do is bind a container control to a List<>, and set the ItemTemplate to my UserControl (easy so far) and then have it display horizontally in columns...

Very easy to do vertically with a ListBox but I need it horizontally...

____________________________________________________________
Be brave little warrior, be VERY brave

Not Active15-Jul-09 2:35

Not Active

15-Jul-09 2:35

Not quite sure if I understand what you want to do, but couldn't you use a stack panel?

only two letters away from being an asset

Adriaan Davel15-Jul-09 2:58

15-Jul-09 2:58

Hi Mark,
Is it possible to bind a StackPanel? I don't see a ItemSource or ItemTemplate attribute either...

____________________________________________________________
Be brave little warrior, be VERY brave

Mark Salsbery15-Jul-09 6:42

Mark Salsbery

15-Jul-09 6:42

ItemsControl has an ItemsPanel property. Set ItemsPanel to a template
containing a StackPanel with its orientation set to Horizontal.

There's an example in the ItemsControl.ItemsPanel Property docs[^]

Mark

Mark Salsbery
Microsoft MVP - Visual C++
Java | [Coffee]

Adriaan Davel15-Jul-09 19:20

15-Jul-09 19:20

Hi Mark, thanks for the reply, will give it a try

____________________________________________________________
Be brave little warrior, be VERY brave

Adriaan Davel15-Jul-09 20:27

WPF treeview binding question

15-Jul-09 20:27

Ok, took some googling but got it, for any n00b like me who's going to read this, here's the XAML code:

<ItemsControl ItemsSource="{Binding Path=Columns}">
   <ItemsControl.ItemTemplate>
      <DataTemplate>
         <StackPanel Orientation="Horizontal" >
            <SNeSControls:ActiveInfonMachineColumn Width="80"/>
         </StackPanel>
      </DataTemplate>
   </ItemsControl.ItemTemplate>
      <ItemsControl.ItemsPanel>
         <ItemsPanelTemplate>
            <StackPanel Orientation="Horizontal"></StackPanel>
         </ItemsPanelTemplate>
   </ItemsControl.ItemsPanel>
</ItemsControl>

____________________________________________________________
Be brave little warrior, be VERY brave

daniel radford15-Jul-09 0:14

daniel radford

15-Jul-09 0:14

Hi I am trying to achieve tricky binding behaviour from a treeview. I have a hierarchy of objects with the same base type. Some of these objects are of a derived 'leaf' type. I want to display the object hierarchy in a tree view with the leaf objects having a different data template from the rest of the branch objects.

The tricky thing I want to achieve is for the treeview to ignore all branches that do not have leaf objects in their subtree e.g. in this hierarhcy:

item1 - item3
_____- item4 - item6 - leaf1
__________________- leaf2
____________- item7

item3 and item7 would not be displayed as they have no leaves in their subtree.

Can this be achieved in XAML?

Thanks
Dan

Re: WPF treeview binding question

Eslam Afifi15-Jul-09 15:25

Eslam Afifi

15-Jul-09 15:25

I suggest you do that in MVVM. Here is an excellent article[^] describing how to use MVVM with a TreeView.

Eslam Afifi

Re: WPF treeview binding question

daniel radford15-Jul-09 22:41

daniel radford

15-Jul-09 22:41

I have taken your advice and written a view model layer which wraps my objects. However, I still have a problem:

All of the child lists of my underlying node objects are observable i.e. children can be added or removed at any time and the treeview needs to update. This means that a previously leafless node may suddenly gain a leaf in its subtree and so need to become visible. This means that I cannot simply cull leafless branches of the view model node tree - they need to be present but invisible in the tree view until a leaf is added. I have added a property 'HasLeavesInSubtree' to each tree node view model but have no idea how to use this in XAML to turn the display of these nodes on and off.

Thanks
Dan

Re: WPF treeview binding question

Pete O'Hanlon15-Jul-09 23:09

15-Jul-09 23:09

Use a DataTrigger and set the visibility based on this.

"WPF has many lovers. It's a veritable porn star!" - Josh Smith

As Braveheart once said, "You can take our freedom but you'll never take our Hobnobs!" - Martin Hughes.

how to add multiple toolbox controls in xaml

Krishna Aditya14-Jul-09 22:34

Krishna Aditya

14-Jul-09 22:34

Hi ,

I added <Image> // included an image in the window.</Image>

If I wish to add a label just below the image and few other controls, how can i do it? The XAML Code is shown here.

<Window x:Class="Window1"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      Height="Auto" Width="Auto" Loaded="Window_Loaded" HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch">

            <Image
                  Name="imgClientPhoto"
                  HorizontalAlignment="Left"
                  VerticalAlignment="Top"
                  Width="auto"
                  Height="auto"
                  Grid.Column="0"
                  Grid.Row="0"
                  Margin="0" Source="D:\pic1.gif" MinWidth="450" MinHeight="100" Grid.IsSharedSizeScope="True">

            </Image>
      <Label>

      </Label>


</Window>

I added <Label></Label>just below the   <Image>

but an error is seen "The property "content" is set more than once.

Please help me to correct this error.

My intention is to add an image at the top(title), then below it a label,then a dropdown box, treeview.. so on..

Please help the good way to work on this.

Thanks Ramm

Re: how to add multiple toolbox controls in xaml

Pete O'Hanlon14-Jul-09 23:00

14-Jul-09 23:00

You need to put a container into your window to handle multiple items - effectively, the content of your window is the image and you have added extra items immediately after. There are many containers available, e.g. Grid, StackPanel, UniformGrid and so on. The one you use is based on how you want to lay out your interface.

"WPF has many lovers. It's a veritable porn star!" - Josh Smith

As Braveheart once said, "You can take our freedom but you'll never take our Hobnobs!" - Martin Hughes.