ASP .NET Core MVC Documentation

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>									
}

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>									
}

<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>									
}

<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>									
}

<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>									
}

<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>									
}

<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>									
}

<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>									
}

<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>									
}

<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>									
}

<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>									
}

<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>									
}