ASP .NET Core MVC Documentation
Getting Started
jqxProgressBar represents a UI component which displays progress.Every ASP .NET Core Mvc Tag Helper from jQWidgets toolkit needs its JavaScript files to be included in order to work properly.
jqxProgressBar requires the following files:
CSS
jqx.base.css
Javascript
jqxcore.js
jqxprogressbar.js
To call a function(method), you need to pass the method name and parameters(if any) in the UI component’s instance.<script src="~/jqwidgets/jqxprogressbar.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<jqx-progress-bar theme="arctic"></jqx-progress-bar>
To bind to an event of a UI Component, you can use<script src="~/jqwidgets/jqxprogressbar.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<jqx-progress-bar instance="getInstance()"></jqx-progress-bar>
@section scripts {
<script type="text/javascript">
function getInstance(instance) {
instance["actualValue"](20,20);
}
</script>}
on-event-type
syntax. The example
code below demonstrates how to bind to an event.
<script src="~/jqwidgets/jqxprogressbar.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<jqx-progress-bar on-complete="eventHandler()"></jqx-progress-bar>
@section scripts {
<script type="text/javascript">
function eventHandler(event) {
}
</script>
}