CardView Xceed DataGrid WPF Style!

So I took a quick break from all the installer creations I’ve been doing lately to enjoy some work on an old project… DCTracker!

I know, it is the neverending project, but when you get little time to work on anything else… blah blah. Ok, so here’s the deal, I wanted to take my Child Attendance program from this:

Old child listing.

To this:

New child listing.

Well wouldn’t you know it, that is just super simple in Xceed DataGrid. (www.xceed.com)

In the XAML of my window, I clicked “Show Configuration Window” on my datagrid.

Then selected cardview:

capturecardviewconfig1

After selecting cardview and the theme I desired, I switched to the columns tab and setup my fields.

capturecolumns

The “Field Name” corresponds to the field name in my dataset I will be passing, whereas “Title” is shown on the card.
Next, we configure the data source in our code:

  1. dataGridControlChildDisplay.ItemsSource = childListView;

chidlListView is an Observable Collection of my class:

public class attendanceListView
{
 public bool isSelected { get; set; }
 public string firstName { get; set; }
 public string lastName { get; set; }
 public string status { get; set; }
 public string oldstatus { get; set; }
 public string newstatus { get; set; }
 public string childID { get; set; }
 public string parentPIN { get; set; }
}

Insert some data into my collection, and zip zam wazzle, I gots me some cards!

Of course I don’t poof my data out of thin air, I actually pull it from the database and stick it into this collection.  But that’s another story,
less wazzle’s, but still a lot of zip’s.

Sphere: Related Content

Leave a Reply

You must be logged in to post a comment.

Sponsored Links
Hosting Provided By
Free SSL Secured By StartCom