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" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<dxcc:ASPxCloudControl ID="ASPxCloudControl1" runat="server">
</dxcc:ASPxCloudControl>
</div>
</form>
</body>
</html>
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<Tag> myTags = new List<Tag>(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; }
}
}
Yazılar
Son Yorumlar