Yılmaz Yavuz » Developer Express

Devexpress Gridcontrol – Parent Child with entity objects

Yılmaz Yavuz — Mon, 14 Feb 2011 15:28:46 +0000

Firstly I created two simple entity classes named Article and Comment :

Article.cs :


using System.Collections.Generic;

namespace DevexMasterChildSample
{
public class Article
{
public string Subject { get; set; }
public string Body { get; set; }
public List CommentList { get; set; }

}
}

Comment.cs


using System;

namespace DevexMasterChildSample
{
public class Comment
{
public string Author { get; set; }
public string Message { get; set; }
public DateTime CommentDate { get; set; }

}
}

Then I Added a simple Windows form file to my project named Form1.cs and in Design Mode I draged a Devexpress GridControl to my form and changed it’s size to fit my form.

After that I created a new level for Gridview1 shown below

Then I renamed the Level to CommentList it must be exactly the same with Master Object’s child collection property name. In this case it is CommentList on Article object

Form1.cs


using System;
using System.Collections.Generic;
using System.Windows.Forms;

namespace DevexMasterChildSample
{
public partial class Form1 : Form
{
public Form1()
{
InitializeComponent();
}

private void Form1_Load(object sender, EventArgs e)
{
List articles = new List();
articles.Add(new Article
{
Body = "Bu yazı devexpress gridcontrolü anlatmaktadır.",
CommentList =
new List
{
new Comment
{
Author = "Erdem",
CommentDate = DateTime.Now,
Message = "Yazınız güzel olmuş."
}
},
Subject = "Devexpress GridControl master Child Örnek"
});
articles.Add(new Article
{
Body = "Bu yazı devexpress treeview anlatmaktadır.",
CommentList =
new List
{
new Comment
{
Author = "Alkan",
CommentDate = DateTime.Now,
Message = "Yazınız pek anlaşılır olmamış."
}
},
Subject = "Devexpress Treeview Drag-drop Örnek"
});

gridControl1.DataSource = articles;

}
}
}

Result :

You can download the sample code here

Devexpress – AspxCloudControl Örnek

Yılmaz Yavuz — Mon, 03 May 2010 09:03:57 +0000

Devexpress AspxCloudControl u elimizde hazır bulunan bir cloud datasını ekrana basmak için kullandığımız bir devex kontrolüdür.

Örnekte bir blog sitesindeki tag leri aspx cloud control ü kullanarak nasıl ekrana çıkartacağımız gösterilmiştir.
İlk olarak Visual Studio yu açarak, Yeni bir Web Project oluşturuyoruz. Proje içinde; öncelikle Tag adında bir class oluşturup Name,DisplayName,Count adında üç property ekliyoruz.

Sonra default.aspx içerisine devexpress CloudControl u sürükleyip bırakıyoruz. Default.aspx.cs içerisine gelip, Yeni bir tag tipinde generic list oluşturup, içine tag elemanlarını ekliyoruz. Bu elemanların count propertylerinin birbirinden farklı olması cloud controlün görünümünü etkileyen asıl unsurdur. Daha sonra CloudControl ün TextField alanını “DisplayName” , NameField alanını “Name”, NavigateUrlField alanını “Name” , NavigateUrlFormatString alanını “http://www.yilmazyavuz.com/yyblog/index.php/tag/{0}/” , ValueField alanını “Count” şeklinde atıyoruz. Burdaki alanlardan önemli olan TextField , ValueField ve NavigateUrlField alanları bu alanlar :

TextField : Önyüzde gösterilecek olan yazı,
ValueField: Önyüzde gösterilecek olan yazıyı boyutlandırmak için kullanılacak değer.
NavigateUrlField : Önyüzde gösterilecek olan elemanın gideceği adres yada NavigateUrlFormatString de belirtilen stringin içerisine yerleştirilecek değer.
NavigateUrlFormatString : içinde sadece {0} alanının NavigateUrlField değeriyle doldurulacağı string.Format yazımı ile aynı olan değer.

Son olarak oluşturduğumuz generic tag listesini aspxCloudControl ün DataSource özelliğine atıyoruz, ve databind methodunu çağırıyoruz.

Böylece nurtopu gibi bir tag cloud umuz olmuş oluyor .

Örnekte anlatılanların koda dökülmüş hali aşağıdadır.

default.aspx :


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Blog.DevexTagCloud._Default" %>

<%@ Register Assembly="DevExpress.Web.v9.1, Version=9.1.3.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a"
Namespace="DevExpress.Web.ASPxCloudControl" TagPrefix="dxcc" %>

default.aspx.cs :


using System;
using System.Collections.Generic;

namespace Blog.DevexTagCloud
{
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
List myTags = new List(10);
myTags.Add(new Tag("DevExpress",20));
myTags.Add(new Tag("Csharp",25));
myTags.Add(new Tag("Asp.Net",15));
myTags.Add(new Tag("Mono",5));
myTags.Add(new Tag("Objective-C",2));
myTags.Add(new Tag("Telerik",1));
myTags.Add(new Tag("Wcf",2));
myTags.Add(new Tag("TXTextControl",0));

ASPxCloudControl1.NameField = "Name";
ASPxCloudControl1.TextField = "DisplayName";
ASPxCloudControl1.ValueField= "Count";
ASPxCloudControl1.NavigateUrlField = "Name";
ASPxCloudControl1.NavigateUrlFormatString = "http://www.yilmazyavuz.com/yyblog/index.php/tag/{0}/";

ASPxCloudControl1.DataSource = myTags;
ASPxCloudControl1.DataBind();
}
}
}

Tag.cs :


namespace Blog.DevexTagCloud
{
public class Tag
{
public Tag(string name, int count)
{
DisplayName = name;
Name = name.ToLower();
Count = count;
}

public int Count { get; set; }
public string DisplayName { get; set; }
public string Name { get; set; }
}
}

Lookupedit databind (veri bağlantılı)

Yılmaz Yavuz — Sat, 29 Nov 2008 13:45:50 +0000

Ufak bir örnek:

        public static void LookupEditeVeriDoldur(LookUpEdit lue)
        {
            //Burda datasource olarak datatable, list veya linq entityset ,table vb verebiliriz.
            lue.Properties.DataSource = VeriKaynagim.Veri;
            //EditValue içeriğine yazılacak veri kaynağındaki column/property
            lue.Properties.ValueMember = "ID";
            //Kullanıcı lookup dan bir şey seçtiği ve lookup kapandığında görünecek olan property/column. Boş bırakıldığında object.ToString() methodu çağırılır ve o şekilde görünür.
            lue.Properties.DisplayMember = "ADI";
            //Değer null olduğunda yani herhangi bir şey seçilmediği durumda görünecek olan yazı
            lue.Properties.NullText = "";
            //Önceden eklenmiş olabileceğini düşünüp lookup un columlarını siliyoruz
            lue.Properties.Columns.Clear();
            //Veri kaynağından göstermek istediğimiz column/property leri Lookup'ın Columnlarına ekliyoruz
            lue.Properties.Columns.Add(new LookUpColumnInfo("ADI", 20, "Kullanıcı Adı"));
 
        }

PersistentRepository – Devexpress

Yılmaz Yavuz — Tue, 11 Nov 2008 14:06:44 +0000

PersistentRepository , Aynı işi gören bir çok repositoryItem ı farklı yerlerde kullanmanız için geliştirilmiş bir control dür.
Şöyleki Sehir RepositoryItemLookUpEdit iniz olsun ve bunu aynı form üzerindeki 3 adet GridControl 1 adet VGridControl de kullandığınızı düşünelim. Hepsinin kendi içinde rlkSehir1,rlkSehir2 gibi oluşturmak yerine bir tane PersistentRepository içinde oluşturuyoruz ve gridlerin ExternalRepository property sine gidip PersistentRepository imizi verelim. Artık Gridlerin kolonlarındaki ColumnEdit propertysinde kendi In-Place Repository sinde olmamasına rağmen rlkSehir RepositoryItemLookUpEdit ini görebiliyoruz.

Böylece hem performans kazancı sağlıyor hemde her biri için ayrı ayrı düzenleme yapma zahmetinden kurtuluyoruz.