Skip to main content

ASPxCloudControl.ValueField Property

Gets or sets the data source field which provides item values.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v22.2.dll

NuGet Package: DevExpress.Web


public string ValueField { get; set; }

Property Value

Type Default Description
String String.Empty

A string value that specifies the name of the data source field which contains item values.


When the ASPxCloudControl is data bound, the name of the data field that provides item values is specified by the ValueField property. Otherwise, if the control functions in unbound mode, use the item’s CloudControlItem.Value property instead.


This example illustrates how to bind the ASPxCloudControl to a data source. The ASPxCloudControl receives data from an MS Access database. The ASPxCloudControl implements specific properties that point to the data fields containing the necessary data. These are the ASPxCloudControl.TextField, ASPxCloudControl.ValueField and ASPxCloudControl.NavigateUrlField properties. The ASPxCloudControl.ItemDataBound event is used to customize values that are to be assigned to tag cloud element properties during data binding.

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" 
Inherits="_Default" %>
<%@ Register assembly="DevExpress.Web.v8.3, Version=, Culture=neutral, 
PublicKeyToken=b88d1754d700e49a" namespace="DevExpress.Web.ASPxCloudControl" tagprefix="dxcc" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 

<script runat="server">
    protected void Page_Load(object sender, EventArgs e) {
        string sql = "select * from country where Continent='North America'";
        AccessDataSource1.SelectCommand = sql;
        ASPxCloudControl1.ValueField = "Area";
    protected void ASPxCloudControl1_ItemDataBound(object source, CloudControlItemEventArgs e) {
        e.Item.Text = e.Item.Text.ToUpper();

<html xmlns="">
<head runat="server">
    <title>Untitled Page</title>
    <form id="form1" runat="server">
    <dxcc:ASPxCloudControl ID="ASPxCloudControl1" runat="server" DataSourceID="AccessDataSource1" 
    NavigateUrlField="Name" NavigateUrlFormatString="javascript:void('{0}')" TextField="Name" 
    ValueField="Area" EnableViewState="False" OnItemDataBound="ASPxCloudControl1_ItemDataBound">
        <asp:AccessDataSource ID="AccessDataSource1" runat="server" DataFile="~/App_Data/Data.mdb">
See Also