ASP .NET Core MVC Documentation
Getting Started
jqxTabs represents a UI component which displays tabs. Each tab has associated content panel.Every ASP .NET Core Mvc Tag Helper from jQWidgets toolkit needs its JavaScript files to be included in order to work properly.
jqxTabs requires the following files:
CSS
jqx.base.css
Javascript
jqxcore.js
jqxbuttons.js
jqxtabs.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/jqxtabs.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<jqx-tabs animation-type="fade">
<jqx-tab-panel>
<jqx-tab-panel-header style="margin-left: 30px;">Node.js</jqx-tab-panel-header>
<jqx-tab-panel-body> Node.js is an event-driven I/O server-side JavaScript environment based on V8. It
is intended for writing scalable network programs such as web servers. It was created
by Ryan Dahl in 2009, and its growth is sponsored by Joyent, which employs Dahl.
Similar environments written in other programming languages include Twisted for
Python, Perl Object Environment for Perl, libevent for C and EventMachine for Ruby.Unlike most JavaScript, it is not executed in a web browser, but is instead a formof server-side JavaScript. Node.js implements some CommonJS specifications. Node.jsincludes a REPL environment for interactive testing.</jqx-tab-panel-body></jqx-tab-panel><jqx-tab-panel><jqx-tab-panel-header>JavaServer Pages</jqx-tab-panel-header><jqx-tab-panel-body>JavaServer Pages (JSP) is a Java technology that helps software developers servedynamically generated web pages based on HTML, XML, or other document types. Releasedin 1999 as Sun's answer to ASP and PHP,[citation needed] JSP was designed to addressthe perception that the Java programming environment didn't provide developers withenough support for the Web. To deploy and run, a compatible web server with servletcontainer is required. The Java Servlet and the JavaServer Pages (JSP) specificationsfrom Sun Microsystems and the JCP (Java Community Process) must both be met by thecontainer.</jqx-tab-panel-body></jqx-tab-panel><jqx-tab-panel><jqx-tab-panel-header>Active Server Pages</jqx-tab-panel-header><jqx-tab-panel-body> ASP.NET is a web application framework developed and marketed by Microsoft to allowprogrammers to build dynamic web sites, web applications and web services. It wasfirst released in January 2002 with version 1.0 of the .NET Framework, and is thesuccessor to Microsoft's Active Server Pages (ASP) technology. ASP.NET is builton the Common Language Runtime (CLR), allowing programmers to write ASP.NET codeusing any supported .NET language. The ASP.NET SOAP extension framework allows ASP.NETcomponents to process SOAP messages.</jqx-tab-panel-body></jqx-tab-panel><jqx-tab-panel><jqx-tab-panel-header>Python</jqx-tab-panel-header><jqx-tab-panel-body> Python is a general-purpose, high-level programming language[5] whose design philosophyemphasizes code readability. Python claims to '[combine] remarkable power with veryclear syntax",[7] and its standard library is large and comprehensive. Its use ofindentation for block delimiters is unique among popular programming languages.Python supports multiple programming paradigms, primarily but not limited to object-oriented,imperative and, to a lesser extent, functional programming styles. It features afully dynamic type system and automatic memory management, similar to that of Scheme,Ruby, Perl, and Tcl. Like other dynamic languages, Python is often used as a scriptinglanguage, but is also used in a wide range of non-scripting contexts.</jqx-tab-panel-body></jqx-tab-panel><jqx-tab-panel><jqx-tab-panel-header>Perl</jqx-tab-panel-header><jqx-tab-panel-body> Perl is a high-level, general-purpose, interpreted, dynamic programming language.Perl was originally developed by Larry Wall in 1987 as a general-purpose Unix scriptinglanguage to make report processing easier. Since then, it has undergone many changesand revisions and become widely popular amongst programmers. Larry Wall continuesto oversee development of the core language, and its upcoming version, Perl 6. Perlborrows features from other programming languages including C, shell scripting (sh),AWK, and sed.[5] The language provides powerful text processing facilities withoutthe arbitrary data length limits of many contemporary Unix tools, facilitating easymanipulation of text files.</jqx-tab-panel-body></jqx-tab-panel></jqx-tabs>
To bind to an event of a UI Component, you can use<script src="~/jqwidgets/jqxtabs.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<jqx-tabs instance="getInstance()">
<jqx-tab-panel>
<jqx-tab-panel-header style="margin-left: 30px;">Node.js</jqx-tab-panel-header>
<jqx-tab-panel-body> Node.js is an event-driven I/O server-side JavaScript environment based on V8. It
is intended for writing scalable network programs such as web servers. It was created
by Ryan Dahl in 2009, and its growth is sponsored by Joyent, which employs Dahl.
Similar environments written in other programming languages include Twisted for
Python, Perl Object Environment for Perl, libevent for C and EventMachine for Ruby.Unlike most JavaScript, it is not executed in a web browser, but is instead a formof server-side JavaScript. Node.js implements some CommonJS specifications. Node.jsincludes a REPL environment for interactive testing.</jqx-tab-panel-body></jqx-tab-panel><jqx-tab-panel><jqx-tab-panel-header>JavaServer Pages</jqx-tab-panel-header><jqx-tab-panel-body>JavaServer Pages (JSP) is a Java technology that helps software developers servedynamically generated web pages based on HTML, XML, or other document types. Releasedin 1999 as Sun's answer to ASP and PHP,[citation needed] JSP was designed to addressthe perception that the Java programming environment didn't provide developers withenough support for the Web. To deploy and run, a compatible web server with servletcontainer is required. The Java Servlet and the JavaServer Pages (JSP) specificationsfrom Sun Microsystems and the JCP (Java Community Process) must both be met by thecontainer.</jqx-tab-panel-body></jqx-tab-panel><jqx-tab-panel><jqx-tab-panel-header>Active Server Pages</jqx-tab-panel-header><jqx-tab-panel-body> ASP.NET is a web application framework developed and marketed by Microsoft to allowprogrammers to build dynamic web sites, web applications and web services. It wasfirst released in January 2002 with version 1.0 of the .NET Framework, and is thesuccessor to Microsoft's Active Server Pages (ASP) technology. ASP.NET is builton the Common Language Runtime (CLR), allowing programmers to write ASP.NET codeusing any supported .NET language. The ASP.NET SOAP extension framework allows ASP.NETcomponents to process SOAP messages.</jqx-tab-panel-body></jqx-tab-panel><jqx-tab-panel><jqx-tab-panel-header>Python</jqx-tab-panel-header><jqx-tab-panel-body> Python is a general-purpose, high-level programming language[5] whose design philosophyemphasizes code readability. Python claims to '[combine] remarkable power with veryclear syntax",[7] and its standard library is large and comprehensive. Its use ofindentation for block delimiters is unique among popular programming languages.Python supports multiple programming paradigms, primarily but not limited to object-oriented,imperative and, to a lesser extent, functional programming styles. It features afully dynamic type system and automatic memory management, similar to that of Scheme,Ruby, Perl, and Tcl. Like other dynamic languages, Python is often used as a scriptinglanguage, but is also used in a wide range of non-scripting contexts.</jqx-tab-panel-body></jqx-tab-panel><jqx-tab-panel><jqx-tab-panel-header>Perl</jqx-tab-panel-header><jqx-tab-panel-body> Perl is a high-level, general-purpose, interpreted, dynamic programming language.Perl was originally developed by Larry Wall in 1987 as a general-purpose Unix scriptinglanguage to make report processing easier. Since then, it has undergone many changesand revisions and become widely popular amongst programmers. Larry Wall continuesto oversee development of the core language, and its upcoming version, Perl 6. Perlborrows features from other programming languages including C, shell scripting (sh),AWK, and sed.[5] The language provides powerful text processing facilities withoutthe arbitrary data length limits of many contemporary Unix tools, facilitating easymanipulation of text files.</jqx-tab-panel-body></jqx-tab-panel></jqx-tabs>@section scripts {<script type="text/javascript">function getInstance(instance) {instance["addAt"](1,'Title','Content');}</script>}
on-event-type
syntax. The example
code below demonstrates how to bind to an event.
<script src="~/jqwidgets/jqxtabs.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<jqx-tabs on-add="eventHandler()">
<jqx-tab-panel>
<jqx-tab-panel-header style="margin-left: 30px;">Node.js</jqx-tab-panel-header>
<jqx-tab-panel-body> Node.js is an event-driven I/O server-side JavaScript environment based on V8. It
is intended for writing scalable network programs such as web servers. It was created
by Ryan Dahl in 2009, and its growth is sponsored by Joyent, which employs Dahl.
Similar environments written in other programming languages include Twisted for
Python, Perl Object Environment for Perl, libevent for C and EventMachine for Ruby.Unlike most JavaScript, it is not executed in a web browser, but is instead a formof server-side JavaScript. Node.js implements some CommonJS specifications. Node.jsincludes a REPL environment for interactive testing.</jqx-tab-panel-body></jqx-tab-panel><jqx-tab-panel><jqx-tab-panel-header>JavaServer Pages</jqx-tab-panel-header><jqx-tab-panel-body>JavaServer Pages (JSP) is a Java technology that helps software developers servedynamically generated web pages based on HTML, XML, or other document types. Releasedin 1999 as Sun's answer to ASP and PHP,[citation needed] JSP was designed to addressthe perception that the Java programming environment didn't provide developers withenough support for the Web. To deploy and run, a compatible web server with servletcontainer is required. The Java Servlet and the JavaServer Pages (JSP) specificationsfrom Sun Microsystems and the JCP (Java Community Process) must both be met by thecontainer.</jqx-tab-panel-body></jqx-tab-panel><jqx-tab-panel><jqx-tab-panel-header>Active Server Pages</jqx-tab-panel-header><jqx-tab-panel-body> ASP.NET is a web application framework developed and marketed by Microsoft to allowprogrammers to build dynamic web sites, web applications and web services. It wasfirst released in January 2002 with version 1.0 of the .NET Framework, and is thesuccessor to Microsoft's Active Server Pages (ASP) technology. ASP.NET is builton the Common Language Runtime (CLR), allowing programmers to write ASP.NET codeusing any supported .NET language. The ASP.NET SOAP extension framework allows ASP.NETcomponents to process SOAP messages.</jqx-tab-panel-body></jqx-tab-panel><jqx-tab-panel><jqx-tab-panel-header>Python</jqx-tab-panel-header><jqx-tab-panel-body> Python is a general-purpose, high-level programming language[5] whose design philosophyemphasizes code readability. Python claims to '[combine] remarkable power with veryclear syntax",[7] and its standard library is large and comprehensive. Its use ofindentation for block delimiters is unique among popular programming languages.Python supports multiple programming paradigms, primarily but not limited to object-oriented,imperative and, to a lesser extent, functional programming styles. It features afully dynamic type system and automatic memory management, similar to that of Scheme,Ruby, Perl, and Tcl. Like other dynamic languages, Python is often used as a scriptinglanguage, but is also used in a wide range of non-scripting contexts.</jqx-tab-panel-body></jqx-tab-panel><jqx-tab-panel><jqx-tab-panel-header>Perl</jqx-tab-panel-header><jqx-tab-panel-body> Perl is a high-level, general-purpose, interpreted, dynamic programming language.Perl was originally developed by Larry Wall in 1987 as a general-purpose Unix scriptinglanguage to make report processing easier. Since then, it has undergone many changesand revisions and become widely popular amongst programmers. Larry Wall continuesto oversee development of the core language, and its upcoming version, Perl 6. Perlborrows features from other programming languages including C, shell scripting (sh),AWK, and sed.[5] The language provides powerful text processing facilities withoutthe arbitrary data length limits of many contemporary Unix tools, facilitating easymanipulation of text files.</jqx-tab-panel-body></jqx-tab-panel></jqx-tabs>@section scripts {<script type="text/javascript">function eventHandler(event) {}</script>}