Properties

alterTextCase string 'none'

Sets or gets the alterTextCase property.

<script src="~/jqwidgets/jqxtagcloud.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-tag-cloud display-member="Name" value-member="Price" theme="@ViewData["Theme"]' alter-text-case="titleCase" source="Model"></jqx-tag-cloud>
disabled bool false

Sets or gets the disabled property.

<script src="~/jqwidgets/jqxtagcloud.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-tag-cloud display-member="Name" value-member="Price" theme="@ViewData["Theme"]' disabled="true" source="Model"></jqx-tag-cloud>
displayLimit int null

Sets or gets the displayLimit property.

<script src="~/jqwidgets/jqxtagcloud.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-tag-cloud display-member="Name" value-member="Price" theme="@ViewData["Theme"]' display-limit="3" source="Model"></jqx-tag-cloud>
displayMember string 'label'

Sets or gets the displayMember property.

<script src="~/jqwidgets/jqxtagcloud.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-tag-cloud display-member="Name" value-member="Price" theme="@ViewData["Theme"]' display-member="name" source="Model"></jqx-tag-cloud>
displayValue bool false

Sets or gets the displayValue property.

<script src="~/jqwidgets/jqxtagcloud.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-tag-cloud display-member="Name" value-member="Price" theme="@ViewData["Theme"]' display-value="true" source="Model"></jqx-tag-cloud>
fontSizeUnit string 'px'

Sets or gets the fontSizeUnit property.

<script src="~/jqwidgets/jqxtagcloud.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-tag-cloud display-member="Name" value-member="Price" theme="@ViewData["Theme"]' font-size-unit="em" source="Model"></jqx-tag-cloud>
height int null

Sets or gets the height property.

<script src="~/jqwidgets/jqxtagcloud.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-tag-cloud display-member="Name" value-member="Price" theme="@ViewData["Theme"]' height="50" source="Model"></jqx-tag-cloud>
maxColor string null

Sets or gets the maxColor property.

<script src="~/jqwidgets/jqxtagcloud.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-tag-cloud display-member="Name" value-member="Price" theme="@ViewData["Theme"]' max-color="darkgreen" source="Model"></jqx-tag-cloud>
maxFontSize int 24

Sets or gets the maxFontSize property.

<script src="~/jqwidgets/jqxtagcloud.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-tag-cloud display-member="Name" value-member="Price" theme="@ViewData["Theme"]' max-font-size="5" source="Model"></jqx-tag-cloud>
maxValueToDisplay int 0

Sets or gets the maxValueToDisplay property.

<script src="~/jqwidgets/jqxtagcloud.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-tag-cloud display-member="Name" value-member="Price" theme="@ViewData["Theme"]' max-value-to-display="50" source="Model"></jqx-tag-cloud>
minColor string null

Sets or gets the minColor property.

<script src="~/jqwidgets/jqxtagcloud.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-tag-cloud display-member="Name" value-member="Price" theme="@ViewData["Theme"]' min-color="lime" source="Model"></jqx-tag-cloud>
minFontSize int 10

Sets or gets the minFontSize property.

<script src="~/jqwidgets/jqxtagcloud.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-tag-cloud display-member="Name" value-member="Price" theme="@ViewData["Theme"]' min-font-size="1" source="Model"></jqx-tag-cloud>
minValueToDisplay int 0

Sets or gets the minValueToDisplay property.

<script src="~/jqwidgets/jqxtagcloud.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-tag-cloud display-member="Name" value-member="Price" theme="@ViewData["Theme"]' min-value-to-display="30" source="Model"></jqx-tag-cloud>
rtl bool false

Sets or gets the rtl property.

<script src="~/jqwidgets/jqxtagcloud.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-tag-cloud display-member="Name" value-member="Price" theme="@ViewData["Theme"]' rtl="true" source="Model"></jqx-tag-cloud>
sortBy string 'none'

Sets or gets the sortBy property.

<script src="~/jqwidgets/jqxtagcloud.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-tag-cloud display-member="Name" value-member="Price" theme="@ViewData["Theme"]' sort-by="label" source="Model"></jqx-tag-cloud>
sortOrder string 'ascending'

Sets or gets the sortOrder property.

<script src="~/jqwidgets/jqxtagcloud.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-tag-cloud display-member="Name" value-member="Price" theme="@ViewData["Theme"]' sort-order="descending" source="Model"></jqx-tag-cloud>
source string {}

Sets or gets the source property.

<script src="~/jqwidgets/jqxtagcloud.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-tag-cloud display-member="Name" value-member="Price" theme="@ViewData["Theme"]'  source="Model"></jqx-tag-cloud>
tagRenderer string null

Sets or gets the tagRenderer property.

<script src="~/jqwidgets/jqxtagcloud.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-tag-cloud display-member="Name" value-member="Price" theme="@ViewData["Theme"]' tag-renderer="tagRenderer" source="Model"></jqx-tag-cloud>
takeTopWeightedItems bool false

Sets or gets the takeTopWeightedItems property.

<script src="~/jqwidgets/jqxtagcloud.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-tag-cloud display-member="Name" value-member="Price" theme="@ViewData["Theme"]' take-top-weighted-items="true" source="Model"></jqx-tag-cloud>
textColor string null

Sets or gets the textColor property.

<script src="~/jqwidgets/jqxtagcloud.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-tag-cloud display-member="Name" value-member="Price" theme="@ViewData["Theme"]' text-color="red" source="Model"></jqx-tag-cloud>
urlBase string ''

Sets or gets the urlBase property.

<script src="~/jqwidgets/jqxtagcloud.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-tag-cloud display-member="Name" value-member="Price" theme="@ViewData["Theme"]' url-base="http://jqwidgets.com/" source="Model"></jqx-tag-cloud>
urlMember string 'url'

Sets or gets the urlMember property.

<script src="~/jqwidgets/jqxtagcloud.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-tag-cloud display-member="Name" value-member="Price" theme="@ViewData["Theme"]' url-member="tagHref" source="Model"></jqx-tag-cloud>
valueMember string 'value'

Sets or gets the valueMember property.

<script src="~/jqwidgets/jqxtagcloud.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-tag-cloud display-member="Name" value-member="Price" theme="@ViewData["Theme"]' value-member="rating" source="Model"></jqx-tag-cloud>
width int null

Sets or gets the width property.

<script src="~/jqwidgets/jqxtagcloud.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-tag-cloud display-member="Name" value-member="Price" theme="@ViewData["Theme"]' width="600" source="Model"></jqx-tag-cloud>

Events

bindingComplete Event

Code examples

Bind to the bindingComplete event of jqxTagCloud. 

<script src="~/jqwidgets/jqxtagcloud.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-tag-cloud display-member="Name" value-member="Price" theme="@ViewData["Theme"]' on-binding-complete="eventHandler()" source="Model"></jqx-tag-cloud>
							
@section scripts {								
<script type="text/javascript">									
	function eventHandler(event) {									
	}									
</script>									
}
itemClick Event

Code examples

Bind to the itemClick event of jqxTagCloud. 

<script src="~/jqwidgets/jqxtagcloud.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-tag-cloud display-member="Name" value-member="Price" theme="@ViewData["Theme"]' on-item-click="eventHandler()" source="Model"></jqx-tag-cloud>
							
@section scripts {								
<script type="text/javascript">									
	function eventHandler(event) {									
	}									
</script>									
}

Methods

destroy Method 
<script src="~/jqwidgets/jqxtagcloud.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-tag-cloud display-member="Name" value-member="Price" theme="@ViewData["Theme"]' instance="getInstance()" source="Model"></jqx-tag-cloud>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["destroy"]();									
	}									
</script>									
}
findTagIndex Method 
<script src="~/jqwidgets/jqxtagcloud.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-tag-cloud display-member="Name" value-member="Price" theme="@ViewData["Theme"]' instance="getInstance()" source="Model"></jqx-tag-cloud>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["findTagIndex"]('USA');									
	}									
</script>									
}
getHiddenTagsList Method 
<script src="~/jqwidgets/jqxtagcloud.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-tag-cloud display-member="Name" value-member="Price" theme="@ViewData["Theme"]' instance="getInstance()" source="Model"></jqx-tag-cloud>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		var result = instance["getHiddenTagsList"]();									
	}									
</script>									
}
getRenderedTags Method 
<script src="~/jqwidgets/jqxtagcloud.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-tag-cloud display-member="Name" value-member="Price" theme="@ViewData["Theme"]' instance="getInstance()" source="Model"></jqx-tag-cloud>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		var result = instance["getRenderedTags"]();									
	}									
</script>									
}
getTagsList Method 
<script src="~/jqwidgets/jqxtagcloud.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-tag-cloud display-member="Name" value-member="Price" theme="@ViewData["Theme"]' instance="getInstance()" source="Model"></jqx-tag-cloud>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		var result = instance["getTagsList"]();									
	}									
</script>									
}
hideItem Method 
<script src="~/jqwidgets/jqxtagcloud.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-tag-cloud display-member="Name" value-member="Price" theme="@ViewData["Theme"]' instance="getInstance()" source="Model"></jqx-tag-cloud>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["hideItem"](1);									
	}									
</script>									
}
insertAt Method 
<script src="~/jqwidgets/jqxtagcloud.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-tag-cloud display-member="Name" value-member="Price" theme="@ViewData["Theme"]' instance="getInstance()" source="Model"></jqx-tag-cloud>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["insertAt"](1,'USA');									
	}									
</script>									
}
removeAt Method 
<script src="~/jqwidgets/jqxtagcloud.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-tag-cloud display-member="Name" value-member="Price" theme="@ViewData["Theme"]' instance="getInstance()" source="Model"></jqx-tag-cloud>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["removeAt"](1);									
	}									
</script>									
}
updateAt Method 
<script src="~/jqwidgets/jqxtagcloud.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-tag-cloud display-member="Name" value-member="Price" theme="@ViewData["Theme"]' instance="getInstance()" source="Model"></jqx-tag-cloud>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["updateAt"](1,'USA');									
	}									
</script>									
}
showItem Method 
<script src="~/jqwidgets/jqxtagcloud.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-tag-cloud display-member="Name" value-member="Price" theme="@ViewData["Theme"]' instance="getInstance()" source="Model"></jqx-tag-cloud>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["showItem"](1);									
	}									
</script>									
}