DevExpress Asp.net(5) ASPxCloudControl的基本使用

ASPxCloudControl控制項最大的特點就是外觀，主要用於瀏覽連線、標籤等功能。可使用資料繫結、自訂項等方式展現資料。

其實ASPxCloudPanel的使用非常簡單，可以通過資料繫結、自訂等方式來顯示資料。
自訂顯示:Code
        CloudControlItem Item1 = new CloudControlItem("Home", 5, "../default.aspx", "default");
        CloudControlItem Item2 = new CloudControlItem("Products", 10, "/products");
        CloudControlItem Item3 = new CloudControlItem("Contacts", 20, "/contacts");
        CloudControlItem Item5 = new CloudControlItem("News", 30, "/news");
        CloudControlItem Item4 = new CloudControlItem("About", 40);
        ASPxCloudControl1.Items.Add(Item1);
        ASPxCloudControl1.Items.Add(Item2);
        ASPxCloudControl1.Items.Add(Item3);
        ASPxCloudControl1.Items.Add(Item4);
        ASPxCloudControl1.Items.Add(Item5);

        ASPxCloudControl1.ItemBeginText = "{";
        ASPxCloudControl1.ItemEndText = "}";
        ASPxCloudControl1.ItemBeginEndTextColor = System.Drawing.Color.Brown;

        ASPxCloudControl1.MaxColor = System.Drawing.Color.Red;
        ASPxCloudControl1.MinColor = System.Drawing.Color.Green;
        ASPxCloudControl1.LinkStyle.HoverColor = System.Drawing.Color.Pink;

資料繫結：Code
<dxcc:ASPxCloudControl ID="ASPxCloudControl2" runat="server" OnItemDataBound="ASPxCloudControl2_ItemDataBound"
         DataSourceID="AccessDataSource1"     
         NameField="Capital"
         NavigateUrlField="Capital"
         NavigateUrlFormatString="default.aspx?id={0}"       
         TextField="Capital">
        <RankProperties>
            <dxcc:RankProperties></dxcc:RankProperties>
            <dxcc:RankProperties></dxcc:RankProperties>
            <dxcc:RankProperties></dxcc:RankProperties>
            <dxcc:RankProperties></dxcc:RankProperties>
            <dxcc:RankProperties></dxcc:RankProperties>
            <dxcc:RankProperties></dxcc:RankProperties>
            <dxcc:RankProperties></dxcc:RankProperties>
        </RankProperties>
    </dxcc:ASPxCloudControl>

我們還可以通過ItemDataBound事件隨機設定每個的大小Code
 Random random = new Random(10);
    protected void ASPxCloudControl2_ItemDataBound(object source, CloudControlItemEventArgs e)
    {
        e.Item.Value = random.NextDouble() * 10;     //設定大小
    }