Getting Started

jqxWindow represents a UI component which displays a draggable and resizable window.

Every ASP .NET Core Mvc Tag Helper from jQWidgets toolkit needs its JavaScript files to be included in order to work properly.

jqxWindow requires the following files:

The next step is to create html element within the body of the html document and add the initialization attributes. 
<script src="~/jqwidgets/jqxwindow.js"></script>
<script src="~/jqwidgets/jqxtabs.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-window auto-open="false">
    <jqx-window-header>Info</jqx-window-header>
    <jqx-window-body>
        <jqx-tabs theme="@ViewData["Theme"]" style="margin:-1px;" width="100%" height="100%">
            <jqx-tab-panel>
                <jqx-tab-panel-header style="margin-left:30px;">CISC</jqx-tab-panel-header>
                <jqx-tab-panel-body>
                    <div style="padding: 10px;">
                        Before the RISC philosophy became prominent, many computer architects tried to bridge
                        the so called semantic gap, i.e. to design instruction sets that directly supported
                        high-level programming constructs such as procedure calls, loop control, and complex
                        addressing modes, allowing data structure and array accesses to be combined into
                        single instructions. Instructions are also typically highly encoded in order to
                        further enhance the code density...
                    </div>
                </jqx-tab-panel-body>
            </jqx-tab-panel>
            <jqx-tab-panel>
                <jqx-tab-panel-header>RISC</jqx-tab-panel-header>
                <jqx-tab-panel-body>
                    <div style="padding: 10px;">
                        Some aspects attributed to the first RISC-labeled designs around 1975 include the
                        observations that the memory-restricted compilers of the time were often unable
                        to take advantage of features intended to facilitate manual assembly coding, and
                        that complex addressing modes take many cycles to perform due to the required additional
                        memory accesses...
                    </div>
                </jqx-tab-panel-body>
            </jqx-tab-panel>
            <jqx-tab-panel>
                <jqx-tab-panel-header>Database management system</jqx-tab-panel-header>
                <jqx-tab-panel-body>
                    <div style="padding: 10px;">
                        A database management system (DBMS) is a software package with computer programs
                        that control the creation, maintenance, and the use of a database. It allows organizations
                        to conveniently develop databases for various applications by database administrators
                        (DBAs) and other specialists. A database is an integrated collection of data records,
                        files, and other database objects...
                    </div>
                </jqx-tab-panel-body>
            </jqx-tab-panel>
        </jqx-tabs>
    </jqx-window-body>
</jqx-window>
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/jqxwindow.js"></script>
<script src="~/jqwidgets/jqxtabs.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-window instance="getInstance()">
    <jqx-window-header>Info</jqx-window-header>
    <jqx-window-body>
        <jqx-tabs theme="@ViewData["Theme"]" style="margin:-1px;" width="100%" height="100%">
            <jqx-tab-panel>
                <jqx-tab-panel-header style="margin-left:30px;">CISC</jqx-tab-panel-header>
                <jqx-tab-panel-body>
                    <div style="padding: 10px;">
                        Before the RISC philosophy became prominent, many computer architects tried to bridge
                        the so called semantic gap, i.e. to design instruction sets that directly supported
                        high-level programming constructs such as procedure calls, loop control, and complex
                        addressing modes, allowing data structure and array accesses to be combined into
                        single instructions. Instructions are also typically highly encoded in order to
                        further enhance the code density...
                    </div>
                </jqx-tab-panel-body>
            </jqx-tab-panel>
            <jqx-tab-panel>
                <jqx-tab-panel-header>RISC</jqx-tab-panel-header>
                <jqx-tab-panel-body>
                    <div style="padding: 10px;">
                        Some aspects attributed to the first RISC-labeled designs around 1975 include the
                        observations that the memory-restricted compilers of the time were often unable
                        to take advantage of features intended to facilitate manual assembly coding, and
                        that complex addressing modes take many cycles to perform due to the required additional
                        memory accesses...
                    </div>
                </jqx-tab-panel-body>
            </jqx-tab-panel>
            <jqx-tab-panel>
                <jqx-tab-panel-header>Database management system</jqx-tab-panel-header>
                <jqx-tab-panel-body>
                    <div style="padding: 10px;">
                        A database management system (DBMS) is a software package with computer programs
                        that control the creation, maintenance, and the use of a database. It allows organizations
                        to conveniently develop databases for various applications by database administrators
                        (DBAs) and other specialists. A database is an integrated collection of data records,
                        files, and other database objects...
                    </div>
                </jqx-tab-panel-body>
            </jqx-tab-panel>
        </jqx-tabs>
    </jqx-window-body>
</jqx-window>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["bringToFront"]();									
	}									
</script>									
}
To bind to an event of a UI Component, you can use on-event-type syntax. The example code below demonstrates how to bind to an event. 
<script src="~/jqwidgets/jqxwindow.js"></script>
<script src="~/jqwidgets/jqxtabs.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-window on-close="eventHandler()">
    <jqx-window-header>Info</jqx-window-header>
    <jqx-window-body>
        <jqx-tabs theme="@ViewData["Theme"]" style="margin:-1px;" width="100%" height="100%">
            <jqx-tab-panel>
                <jqx-tab-panel-header style="margin-left:30px;">CISC</jqx-tab-panel-header>
                <jqx-tab-panel-body>
                    <div style="padding: 10px;">
                        Before the RISC philosophy became prominent, many computer architects tried to bridge
                        the so called semantic gap, i.e. to design instruction sets that directly supported
                        high-level programming constructs such as procedure calls, loop control, and complex
                        addressing modes, allowing data structure and array accesses to be combined into
                        single instructions. Instructions are also typically highly encoded in order to
                        further enhance the code density...
                    </div>
                </jqx-tab-panel-body>
            </jqx-tab-panel>
            <jqx-tab-panel>
                <jqx-tab-panel-header>RISC</jqx-tab-panel-header>
                <jqx-tab-panel-body>
                    <div style="padding: 10px;">
                        Some aspects attributed to the first RISC-labeled designs around 1975 include the
                        observations that the memory-restricted compilers of the time were often unable
                        to take advantage of features intended to facilitate manual assembly coding, and
                        that complex addressing modes take many cycles to perform due to the required additional
                        memory accesses...
                    </div>
                </jqx-tab-panel-body>
            </jqx-tab-panel>
            <jqx-tab-panel>
                <jqx-tab-panel-header>Database management system</jqx-tab-panel-header>
                <jqx-tab-panel-body>
                    <div style="padding: 10px;">
                        A database management system (DBMS) is a software package with computer programs
                        that control the creation, maintenance, and the use of a database. It allows organizations
                        to conveniently develop databases for various applications by database administrators
                        (DBAs) and other specialists. A database is an integrated collection of data records,
                        files, and other database objects...
                    </div>
                </jqx-tab-panel-body>
            </jqx-tab-panel>
        </jqx-tabs>
    </jqx-window-body>
</jqx-window>
							
@section scripts {								
<script type="text/javascript">									
	function eventHandler(event) {									
	}									
</script>									
}

Basic Sample